Zeki Can - WordPress

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

  Wordpress    29 Ocak 2021
Yorum Yok

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.

Ctrl + F ile thumbnails yazın ve kolayca arayın var yok anlarsınız hemen !

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.

WordPress Öne çıkan resim nasıl eklenir. WordPress thumbnails
WordPress Öne Çıkan Görsel Ekleme
  <!--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.

Boyutu ayarlamak için functions.php ye eklediğimiz add_image_size( zekicannetresim , 590, 180 ); koddaki 590 genişlik 180 yüksekliği kısımlarını değiştirin.

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


Etiketler : , , , , , ,


  Benzer Yazılar


  Yorumlar

Bir Cevap Yazın

E-posta hesabınız yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Bu yazıya henüz yorum yapılmamıştır, yazı hakkındaki düşüncelerinizi paylaşmaktan çekinmeyin.

  Arama Yap

  Arşivler

  Popüler Yazılar