WordPress yazılara özel arkaplan ekleme

[adinserter block=”2″]
Wordpress tabanlı sitenizde bir yazının veya sayfanın arkaplanını özel olarak değiştirebilirsiniz. Nerden çıktı bu demeyin yeri gelince lazım olabiliyor. Özellikle sitenizin genel tasarımında sayfaya özel arkaplan vermeniz gerektiğinde.

Sitenizin arka planı için HEX renkleri veya resim kullanabilirsiniz.

Unutmayın bütün CSS kodları çocuk temanın style.css dosyasına yapıştırılmalıdır.

1.YOL: BODY CLASS I.D METOD
Sayfaya veya yazıya sağ tıklayıp “Sayfa kaynağını göster” deyin

    1. Body Class’ı bul
    2. Post ID’yi kopyala
    3. Kendi CSS kodunuzu oluşturun

Body-Class

ya da

Css kodunu çocuk temanın (child theme) style.css dosyasının sonuna ekleyin ya da yönetici panelden Görünüm>CSS’i Düzenle’ye gidin ve oraya ekleyin.

  • Birinci örnekte id numarası (id = 36782) olan yazının CSS kod ile arka plan rengini  #000000 kodlu HEX kodu ile siyah olarak değişeceksiniz.
  • İkinci örnekte yine aynı yazının arkaplanına CSS kodu  resim ekliyor.

    [adinserter block=”4″]
    [adinserter block=”2″]

2.YOL KAYNAK KODDAN BODY CLASS I.D KULLANMA

ÖZEL BODDY CLASS SAYFA YERLEŞİM AYARLARI KULLANMA

  1. Sayfa yerleşim ayarlarında özel body class için bir isim ekleyin
  2. Çocuk temada style.css dosyasında eklediğin CSS koddaki ismi kullan.

Custom-Body-Class
CSS KOD

Bu arada çocuk temanı images klasörüne resim dosyanız yüklenmiş olsun.

Sonuç yukardaki ilk metodla aynı Her iki metodta bir resim yüklüyorsun ve çocuk temada style.css dosyasında admin panelden Görünüm>CSS’i Düzenle ye giderek kodu ekliyoruz.

KATEGORİ ARŞİV SAYFASI ARKA PLANI DEĞİŞME

Kategori ID bulun ve kategori için yukarda anlattığımız gibi body class bulun.

category-Class

Css oluştur

Css kodunu çocuk tema’daki style.css dosyasına ekleyin.

İÇERİK ALANIN ARKAPLAN RENGİNİ DEĞİŞTİRME
Sadece içerik alanının arkaplan rengini değiştirmek istiyorsanız i.d ya da body class’ı bulmalısınız ve kodu çocuk tema’daki style.css’ye eklemelisiniz.

Koda #content seçicisini eklemelisiniz. Aksi halde değişiklik gerçekleşmiyecektir.

Örnek:

/*İçerik alanı arkaplanını değiştir –  Özel post-yazı tipi arşiv*/

/*Arkaplanı resim kullanarak değiştirme*/

/*Arkaplan rengini değiştir -Yazı veya Sayfa*/

 

ARKAPLAN RESMİ GÖSTERİLMİYORSA
Tarayıcı önbelleğini temizleyin
Kodu kontrol edin.

Kaynak:  tercümedir

[adinserter block=”4″]
[adinserter block=”3″]