Kategoriye göre Arka Plan ekleme

Öncelikle kolay gelsin, wordpress kategoriye göre arkaplan ekleme eklentisi varmı acaba? yabancı sitelerde ki çoğu film temasında veya kişisel temalarda tıkladığınız kategoriye göre arkaplan değişmekte böyle bir eklenti varsa veya bir eklenti önerebilirmisiniz ?

Örnek: TNT Sitesi, girdiniz Kurtlar Vadisi’ne tıkladığınızda Kurtlar Vadisiyle ilgili arkaplan çıkıyor, Çarkıfelek’e girdiğinizde Çarkıfelek ile ilgili çıkıyor. Böyle bir eklenti bazı özel wordpress temalarında mevcut, yani denk geldim. Fakat normalde böyle ekstradan bir eklenti mevcutmu varsa önerebilirmisiniz?

Blog: Serdar SEZEN Kişisel Blog ← Beni takip et mayk.)

30 Haziran 2012, 10:21

Tufan Tunç
Yönetici

Üyelik Tarihi: 27-05-2012
Mesaj Sayısı: 177
Konu Sayısı: 1

Bu işlem için bir eklenti bilmiyorum. Fakat nasıl yapacağınızı adım adım anlatabilirim.

Temanızdaki category.php sayfanızı bulun ve <body> kodunu aratın, eğer bulamazsanız header.php dosyanızda aratın.

Kodu bulduktan sonra aşağıdaki kodla değiştirin:

<body <?php body_class(); ?>>

Daha sonra, css dosyanıza kategorilerinizde görmek istediğiniz arkaplanları ekleyin.
Örneğin style.css dosyanızı açıp en altına şunu ekleyin:

.category-5 {
background:url('images/kurtlar_vadisi_arkaplan.jpg') no-repeat;
}
.category-20 {
background:url('images/kuzey_guney_arkaplan.jpg') no-repeat;
}

Arkaplan görsellerinin url ile belirttiğimiz klasörde olduğundan emin olun.

Kodlar ile ne yaptık?
Temanın body etiketine WordPress’in otomatik class atamasını sağladık. Bu sayede category sayfasına girildiğinde WordPress body etiketine otomatik olarak o kategorinin id’sini ekliyor.
Örneğin:
class="archive category category-deneme-alani category-20 logged-in"

Şimdi id’si 20 olan kategoride kuzey güney dizisi olsun. CSS’lere eklediğimiz kodlar ile o kategoriye girildiğinde arkaplana CSS’lerde belirttiğimiz görsel geliyor. ID’si 5 olan kategoriye girildiğinde ise kurtlar vadisi için eklediğimiz görsel geliyor.

Kategori ID’lerini nasıl öğrenebilirim?
Çok basit. Yönetim panelinde Yazılar -> Kategoriler yolunu izle ve daha sonra ID’sini öğrenmek istediğin kategoriye tıkla.
Adres çubuğunda şunun gibi bir URL görünecek:
siteadi.com/wp-admin/edit-tags.php?action=edit&taxonomy=category&tag_ID=5&post_type=post
Buradaki tag_ID=5 bölümü kategori ID’sini belirtiyor.

Böylece kategori ID’lerine göre CSS tanımlayıp arkaplanları ekleyebilirsin.

15 Temmuz 2012, 06:41

wp_tr
Üye

Üyelik Tarihi: 15-07-2012
Mesaj Sayısı: 5
Konu Sayısı: 0

Ne yazık ki sizin yazdığınız CSS kodlarını eklerse, sitenin her yerinde bütün arkaplan resimleri yüklenir ki bu da sitenin performansını düşürür.
Bunun yerine eğer kategori sayfası açılmışsa body’nin css özelliğini değiştirmek daha doğrudur.
Aşağıdaki kod tam da bunu yapar.

<?php
  if (is_category( )) {
   $kategori = get_category (get_query_var('cat'));
   echo 'body {background-image:url("'.get_template_directory_uri().'/arkaplanlar/'.$kategori->slug.’.jpg”) !important;}’.”\n”;
  }
?>

Yapmanız gereken. Bu kodu temanızın header.php dosyasında style.css dosyasını çağıran koddan sonraya eklemek. Tema klasöründe arkaplanlar adında bir klasör oluşturmak. Ardından kategorileriniz için hazırladığınız arkaplan resimlerini bu klasöre kopyalayıp, isimlerini kategorinin kısa ismiyle değiştirmek. Örneğin Kuzey Güney Dizisi adında bir kategori oluşturmuşsanız, kısa ismi normalde kuzey-guney-dizisi olur. Siz de bu kategori için hazırladığınız dosyanın adını kuzey-guney-dizisi.jpg yapacaksınız.

HIZLI CEVAP YAZ

Bu konuya yorum yapmak için Kayıt Ol.
Eğer üyeyseniz, buradan giriş yapabilirsiniz.

WordPress Destek Forumu	Yasal Uyarı
Yazılım: WordPress Tema: WPDestek WordPress Forum 1.6 Alfa WordPress Destek \| WordPress Destek Forumu	5651 sayılı kanun'un 8. maddesine ve T.C.K'nın 125. maddesine göre paylaşımlardan paylaşımı yapan üyeler sorumludur. Wpdestek.com hakkında yapılacak tüm hukuksal şikayetler, url adresi ile iletişime ( wpdestek@wpdestek.com ) geçilmesi halinde, ilgili kanunlar ve yönetmelikler çerçevesinde en geç 48 saat içerisinde gereken işlemler yapılacaktır.