Ad o b ew o rd p ress. co m / W o rd Press / W o rd Press Ba şl ı kl a rı n ı zı n Ya n ı n a Ka teg o ri R esm i E kl em e
WordPress Başlıklarınızın Yanına Kategori Resmi Ekleme Vatanay Özbeyli tarafından 23 Ekim 2012 tarihinde yazıldı. ~ Yorum Yok + Değiştir
WordPress sitenizde anasayfa konularının sağ tarafına ilgili kategorinin görselini koymanız mümkün. Madde madde konuyu detaylandırmadan önce aşağıdaki kategorileri içeren bir sitemiz olduğunu varsayalım. Kategori Adı — Kategori ID Numarası Makaleler — 1 Türkçe Makaleler — 2 İngilizce Makaleler — 3 Dersler — 4 Türkçe Dersler — 5 İngilizce Dersler — 6
Eğer kategorilerinizin id numarasını bilmiyorsanız yönetici panelinizden Yazılar > Kategoriler alanına gidiniz. Bu alanda sağ tarafta açılan kategorilerinizin üzerine imleci götürdüğünüzde aşağıdaki durum çubuğunda link gözükecektir. Bu link içinde tag_ID diye gözüken ise sizin kategori ID numaranızdır.
Üstteki örneklendirmeye göre bir çalışma hazırlayalım. 1. Adım : CSS dosyamızı açıyoruz ve aşağıdaki kodlamayı ekliyoruz. 1 .cat_logo {float:right; margin: 3px 3px 1px 1px;} 2. Adım : Index.PHP’yi açıyoruz ve aşağıdaki kodlamayı if(have_posts()):while(have_posts()) : the_post(); satırlarının altına ekliyoruz. 1 2 3 4 5 6 7 8
<?php $cat = get_the_category(); $cat = $cat[0]; $makaleArray = array('1','2','3'); $dersArray = array('4','5','6'); if (in_array($cat->cat_ID, $adobeArray)) {?> <img class="cat_logo" src="<?php bloginfo('template_url')?
>/images/kategori/makaleler.png" title="<?php echo $cat->cat_name;?>"/>
9 10 <?php }elseif (in_array($cat->cat_ID, $wordpressArray)) {?> 11 12 <img class="cat_logo" src="<?php bloginfo('template_url')? >/images/kategori/dersler.png" title="<?php echo $cat->cat_name;?>"/> 13 14 <?php }else{?> 15 16 <img class="cat_logo" src="<?php bloginfo('template_url')? >/images/kategori/digerleri.png" title="<?php echo $cat->cat_name;?>"/> 17 18 <?php } ?> Üstteki kodda eğer 1-2-3 id kategorilerine bağlı bir konuysa makaleler.png’yi, 4-5-6 id kategorilerine bağlı bir konuysa dersler.png dosyasını başlığın yanına ekliyoruz. Eğer her iki gruba üye değilde digerleri.png’yi çağırıyoruz. 2. ve 3. satırdaki makale ve ders arraylerini kendi kategorizasyonunuza göre düzenleyebilirsiniz. Bir Diğer Yöntem Aşağıdaki yöntem ise daha az kategoriye sahip siteler için uygun. Kategorilerinizin ID numaralarını öğrendikten sonra onlara özel görseller atayabilirsiniz. 1 2 3 4 5 6 7 8 9 10
<?php if ( in_category(1) ) { echo '<img src="1.png" />'; } elseif ( in_category(2) ) { echo '<img src="2.png" />'; } else { echo '<img src="3.png" />'; } ?>
Örnek vermek gerekirse kategori ID numarası 1 olan başlığın yanına 1.png’yi ekliyoruz. Biz, bu tekniklerle anasayfamızdaki konuların yanlarında kategori görselleri yayınlıyoruz. Eğer sorularınız varsa konu altında sorabilirsiniz. Örnek Görüntü :
Benzer Konular: wlwmanifest.xml Nedir? Sadece CSS Kullanarak Dropdown Menu Nasıl Hazırlanır HTML5 ile Tam Ekran (Full Screen) Blogunuzda Son Tweetinizi Eklentisiz Gösterin CSS3 ve jQuery ile Google Play Tab
Yazı Kategorisi : WordPress Anahtar Kelimeler : add , cat , category , image , kategori , logo , thumb , title , wordpress