PAYLAŞ

WordPress anasayfada gösterilen resimlerin ufak boylu olması, sayfa yüklenme zamanı için ve sayfa boyutu için önemlidir. Sayfanız ziyaretçinin karşısına ne kadar hızlanırsa o kadar iyi. Bu nedenle büyük boyutlu resimlerin olduğu klasik the_content taglı bir index.php sayfasına sahipseniz sitenizin açılış hızı düşecektir.

Aynı alanda faaliyet gösteren bir başka site, açılış hızı yüksekliği nedeniyle sizin sitenizden daha üst sıralara erişir. Böylece sitenize giden yollarda bir tıkanma meydana gelir.

Bunun için modern temalarda bulunan öne çıkan görsel özelliğini kullanarak, sitenizi hızlandırmanız mümkün arkadaşlar. Öne çıkan görsel nedir ona biraz açıklık getirelim. Yeni bir içerik eklerken, içeriğinizde bulunan herhangi bir resimi öne çıkan görsel olarak belirlediğinizde bir kod sayesinde bu resmi anasayfada gösterip, yazının da kısaltılmış halini ekleyerek modern ve hızlı bir görünüme kavuşturabilirsiniz sitenizi.

1- Temaya Öne Çıkan Görsel Özelliği Kazandırma

1- İlk olarak yazı ekleme alanına öne çıkan görseli seçtirmek için bir kutucuk ekleyelim. Bunu aşağıdaki kodu Görünüm > Düzenle kısmına gelerek temanızın functions.php dosyasında <?php ve ?> php taglarının arasına eklemelisiniz.

add_theme_support( 'post-thumbnails');

Artık temanız öne çıkan görsel desteğine kavuştu.

2- Yukarıdaki eklediğimiz kodun hemen altına öne çıkan görselin boyutunu belirleyecek kodu ekleyelim.

set_post_thumbnail_size( 650, 320);

Bu kod sayesinde bizim eklediğimiz farklı çözünürlük boyutundaki bir resmi 650×320 boyutlarında yeniden boyutlandırdı ve bunu öne çıkan görsel olarak kullandı.

3- Yukarıdaki kod öne çıkan görsel olarak belirttiğiniz resmi yeniden boyutlandırarak yayınlar. Ama resimi kırpmaz buda resmin bir kopyasını sunucuda barındırmadan işlem görür. Ama kırparak yapmak isterseniz,

set_post_thumbnail_size( 650, 320, true);

Burdada belirttiğimiz resmi 650×320 boyutlarında kırparak yeni bir resim oluşturduk.

4-Şimdi temanızın index.php, category.php gibi listelemek istediğiniz bölüme gelerek öne çıkan görsel dosyanızı listeleyebilirsiniz.

<?php the_post_thumbnail(  ); ?>

Bu kodu eklediğiniz yerde 650×320 boyutlarında öne çıkan görsel olarak seçtiğiniz resim gözükecektir.

Nerede Kullanabilirim ?

Yukarıdaki kodu nerede kullanabilirsiniz index.php dosyasında örnek verelim. Sizin index.php dosyanızda ;

<?php the_content(); ?>

kodu mevcut. Bu kod yeni eklediğiniz ve devamını oku (more) tagını koyduğunuz yere kadar olan kısmı alır ve anasayfada gösterir. Oraya eklediğiniz resimlerde eklediğiniz şekilde anasayfada gözükecektir.

Bu kodun üzerine thumbnails kodunu ve altına excerpt kodunu ekleyerek yazının sadece yazılı olan kısmını anasayfada gösterip, seçtiğiniz öne çıkan görselide yazının üzerine ekleyebilirsiniz. Örnek kullanım;

<?php the_post_thumbnail(  ); ?>
<?php the_excerpt(); ?>

Şimdi tek eksik devamını oku butonu birde onu yapalım.

<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">Devamını Oku</a>

Artık dinamik bir anasayfa göstermesi yaptık diyebiliriz.

2- Yazıya Eklenen Bir Resmi Otomatik Öne Çıkan Görsel Yapma

1- İlk olarak temanız öne çıkan görsel desteğine sahip değilse yukarıdaki işlemleri gerçekleştirmelisiniz. Gerçekleştirdiyseniz şimdi 2. adımdan devam edebilirsiniz.

2- Görünüm > Düzenleyici’yi açıyoruz ve functions.php dosyamıza geliyoruz. <?php ve ?> kodları arasına aşağıdaki kod öbeğini ekliyoruz.

function autoset_featured() {
global $post;
$already_has_thumb = has_post_thumbnail($post->ID);
if (!$already_has_thumb)  {
$attached_image = get_children( "post_parent=$post->ID&post_type=attachment&post_mime_type=image&numberposts=1" );
if ($attached_image) {
foreach ($attached_image as $attachment_id => $attachment) {
set_post_thumbnail($post->ID, $attachment_id);
}
}
}
}
add_action('the_post', 'autoset_featured');
add_action('save_post', 'autoset_featured');
add_action('draft_to_publish', 'autoset_featured');
add_action('new_to_publish', 'autoset_featured');
add_action('pending_to_publish', 'autoset_featured');
add_action('future_to_publish', 'autoset_featured');

Böylece konuya eklediğimiz ilk resim otomatik olarak öne çıkan görsel oldu.

Bunu Neden Kullanmalıyım ?

Daha önce yayınladığınız çok miktarda yazı var ve çoğunda öne çıkan görsel yok. Tek tek girip düzenleyip yapacak vaktiniz varsa bu kodu  kullanmayabilirsiniz. Ama yok benim zamanım diyorsanız bu kodu ekler eklemez sitenizi bir kez yenileyin. Eski yazılarınızın öne çıkan görsellerini görme fırsatını bulun.

Ayrıca unuttuğunuz atladığınız yazı kalmaması için yazıyı oluşturmaya başladığınızda hemen öne çıkan görsel eklemesi gerçekleşir. Dilerseniz yazıyı tamamladığınızda herhangi bir görsel ile değiştirebilirsiniz.

2 YORUMLAR

  1. Merhabalar öncelikle yazı için teşekkür ederim ancak kodu ekledik halen ana sayfada resim görünmüyor biz sunucuya resim yüklemeden konu içindeki resinmleri ana sayfada göstemek istiyoruz nasıl bir işlem yapmamız gerekiyor?cevap için şimdiden teşekkür….

BİR CEVAP BIRAK

Please enter your comment!
Please enter your name here