WordPress ile Div Nasıl Kullanılır?

HTML kodlamada, bir bölücü veya “Div” etiketi, web sitesi için kendi içeriğini ve HTML öğelerini içeren yeni bir bölüm oluşturmanıza olanak sağlayan bir kod parçasıdır. İşletmenizin yerleşik bir haritadaki konumu, özel teklifler ve promosyonlar veya iletişim bilgileri gibi sitenizin belirli bölümlerini ayırmak için bunları kullanabilirsiniz. Bir bölücü eklemek için blogunuzun Tema Düzenleyicisine bir miktar HTML ve CSS kodu ekleyin.

1.

WordPress yönetim kontrol panelinize giriş yapın. Ekranın sol tarafındaki ana menü çubuğundan “Görünüm”, ardından “Editör” e tıklayın.

2.

Ekranın sağındaki dosya listesinden “style.css” seçeneğini tıklayın. Genellikle listenin en altına yakın bir yerde bulunur.

3.

Dosyanın en altına gidin ve yeni bir satır başlatın. Aşağıdaki kod parçasına yapıştırın:

newdiv {

Ekran bloğu; en: 100%; background-color: white; siyah renk; sınır: 5px katı kırmızı; marj: 5 piksel; dolgu maddesi: 5px; }

“Newdiv” i bölücü için daha uygun bir isimle değiştirin ve Div'in sahip olmasını istediğiniz stile uyması için özellikleri değiştirin. “Kenar boşluğunun”, Div ile etrafındaki diğer web sitesi elemanları arasında bir boşluk oluşturduğunu ve “doldurma” nın, Div'in kenarı ile içerdiği içerik arasında bir boşluk yarattığını unutmayın.

4.

Düzenleme bölmesinin hemen altındaki "Dosyayı Güncelle" düğmesini tıklayın.

5.

Şablonu, Div'i eklemek istediğiniz sitenin bir bölümüne karşılık gelen dosyalar listesinden tıklatın. Örneğin, bir yazı sayfasında istiyorsanız, “single.php” seçeneğini tıklayın.

6.

Dosyayı kaydırın ve imleci, yeni ayırıcıyı eklemek istediğiniz dosyaya yerleştirin.

7.

Aşağıdaki kodu dosyaya yazın:

Bölücünün bu iki etiket arasına içermesini istediğiniz içeriği ekleyin, ardından “Dosyayı Güncelle” yi tıklayın. Bu etiketi şimdi başka bir şablon dosyasına ekleyebilir veya gerektiğinde yeni Div'ler oluşturabilirsiniz.

Popüler Mesajlar