Şu konuda bir arkadaşımızın sorusu uzerine basit jquery & php yapısıyla oluşturulmuş fakat tam aksine dinamik ve de kullanışlı bir coklu yazı dongusu oluşturdum.
Bircok site artık bunu kullanmayı adet haline getirdi ama paylaşan pek olmadı sanırım.Her neyse, birden cok kategoriye ait yazıları jquery kullanarak ayrı ayrı listeletmenin onlarca yolu vardır.Ben bu yolu sectim.
Benim oluşturduğum bu orneği kullanarak yarattığınız temalarda,bir iki satır daha fazla kod yardımıyla panele bağlı,kullanışlı bir tema yaratabilirsiniz.Son hali şu şekilde olacak icerik menumuzun yapımına başlayalım.
Once temanın header.php dosyasına
Kod:
tagından once şu kodları ekleyin.
Kod:
Temanızın klasorune organictabs.jquery.js adlı js dosyanızı yolladıktan sonra style.css i acın ve en altına şu kodları ekleyin.
Kod:
#wpustam_kat_list #wpustam_kat_list .nav #wpustam_kat_list .nav li #wpustam_kat_list .nav li a #wpustam_kat_list ul #wpustam_kat_list ul li a #wpustam_kat_list ul li:last-child a #wpustam_kat_list ul li a:hover, #wpustam_kat_list ul li a:focus #wpustam_kat_list li.nav-one a.current ul.featured li a:hover .hide
Daha sonra yazıları listeletmek istediğiniz yere şu kodları yapıştırın:
PHP:
Yukarıda verdiğim kodların en ustundeki
PHP:
$kat_id1 = get_cat_ID( 'Kategori Adı' ); $kat_id2 = get_cat_ID( 'Kategori Adı' ); $kat_id3 = get_cat_ID( 'Kategori Adı' ); $kat_id4 = get_cat_ID( 'Kategori Adı' );
kısmında listeletmek istediğiniz dort kategorinin adını yazın ve daha sonra kodu isteğinie gore şekilllendirin.
Normal bir have_post() dongusu icerisindeki gibi dilediğiniz WordPress etiketlerinin kullanabilirsiniz.Her bir donguyu ayrı ayrı duzenlemeyi unutmayınız.
Ayrıca CSS yapısını kendinize gore duzenleyerek temanıza daha uyumlu hale getirebilirsiniz.
Js dosyasını buradan indirebilirsiniz.
Yazıyı kaynak gostererek sitelerinizde yayımlayabilirsiniz.
Kaynak