Zeki Can - WordPress

  Wordpress

Hızlıca WordPress Öne Çıkan Görsel Ekleme

Bu konu hakkında daha önceden yazmış olduğum uzun uzadıya bir WordPress Öne Çıkarılmış Görsel Kullanımı adlı makalem var. Bana bu konuda aşırı soru geldiğinden kısaca ve daha açık bir şekilde nasıl WordPresste Öne Çıkan görsel ekleyeceğinize değineceğim. Gerçekten çok derine girdiğimden bazı arkadaşlar tam kavrayamamış işi.  Onlara da hak veriyorum. Ben de ilk zamanlar çok zorlanmıştım.

İlk Önce fuctions.php dosyanıza girin. 

funtions.php dosyası nerede bulamayanlar için Functions Dosyası Nerededir? konusuna gidin !

İki altta verdiğim kod dosyada ekli değil ise ekleyin. Bu kod sitenizde Öne Çıkan Görsel Kısmınızı aktive edecektir. Varsa eklemeyin.

add_theme_support( 'post-thumbnails' );

Hala functions.php dosyasındayız, kapatmadan üstteki kodun altına şu kodu da ekleyin. Üstteki kod dosyada var ise onun altına ekleyebilirsiniz.

Yok ise alttaki kodu uygun bir yere ekleyin.

add_theme_support( 'post-thumbnails' );
add_image_size( 'zekicannetresim', 590, 180 );

funtions.php dosyasını kapatın artık. Sonrasın da öne çıkan görseli içeriklerimizin neresinde göstermek istersek oraya örneğin içeriklerimiz de başlığın altın da göstermek için döngünün arasına altta verdiğim şekilde sitenizde uygun yere kod ekleyin.

<?php the_post_thumbnail( 'zekicannetresim' ); ?>

Döngü Ne ???

WordPress içeriklerini çekmek için kullandığı kod hiyerarşisi. Yani altta gösterdiğim gibi ekleme yapmalısınız.

  <!--ZekiCan.Net WordPress Öne Çıkan görsek Örneği-->
<div class="container pt-5 pb-5">
    
    <!--Kategori Adı-->
    <h1 class="pt-5"><?php single_cat_title() ?></h1>
    <!--Yazı Döngüsünü Çekiyoruz-->
    <?php if (have_posts()) : while (have_posts()) : the_post() ?>
    <!--Yazı Başlığı-->
    <h1><?php the_title(); ?></h1>
    <!--Öne çıkan Görsel Alanı-->
    <?php the_post_thumbnail( 'zekicannetresim' ); ?>
    <!--Öne Çıkan görsel bitiş-->
    <!--Yazı Özeti-->
    <?php the_excerpt(); ?>
    <!--Devamını Oku Butonu-->
    <a class="mb-5 d-block" href="<?php the_permalink(); ?>"> Devamını Oku..</a>
    <!--Devamını Oku Butonu Bitiş-->
     
    <?php endwhile; endif; ?>
</div> 
     <!--İçerik ZekiCan.Net okuyucuları için hazırlanmıştır.-->
 

Bu kod dizilişi sizinkinde de aynı mantıkla.

Daha ayrıntılı bilgi isterseniz derinlemesine incelediğim WordPress’te Öne Çıkan Görsel adlı konumu okumalısınız.

  Benzer Yazılar

  Yorumlar

  Kategoriler

  Arama Yap

  Son yorumlar