WordPress, başlangıçta blog yazmak için tasarlanmış bir CMS’dir (İçerik Yönetim Sistemi). Fakat son yıllarda işlevlerini genişletti ve artık blog yazmak dışında çok çeşitli amaçlar için web siteleri oluşturmaya hizmet ediyor. Bununla birlikte bloglar popüler olmaya devam ediyor ve hatta bazı işletmeler, ziyaretçilerin dikkatini yalnızca belirli ürün veya hizmetlere çekmek için bloglar oluşturup çalıştırıyor. Site sahiplerinin bunu yapmasına yardımcı olan site özelliklerinden biri de ilgili yazılar bölümünün eklenmesidir. WordPress, blog gönderilerinde ilgili bir gönderi bölümü görüntüleyebilir ve bunu yaparken blog gönderileri arasında dahili bağlantılar oluşturabilir. Bu durum ziyaretçilerin web sitesinde daha uzun süre kalmasını sağlar ve site sahiplerinin daha fazla dönüşüm üzerinde çalışmasına olanak tanır.
Bununla birlikte ilgili gönderiler bölümünü göstermek varsayılan olarak WordPress’in bir parçası değildir, bu da bunu kendi başınıza yapmanız gerektiği anlamına gelir. Fakat tamamen kendi başınıza değilsiniz; bu süreçte size rehberlik etmek için buradayız. Bu yazıda, ilgili gönderiler bölümünün sağlayabileceği faydalara değineceğiz ve bunu sitenize nasıl ekleyeceğinizi açıklayacağız. Kullanım kolaylığı için, bölümleri aşağıdaki bağlantılara tıklayarak atlayabileceğiniz daha yönetilebilir parçalara ayırdık:
-
Tema seçeneklerini kullanarak ilgili gönderiler nasıl gösterilir?
-
Eklentileri kullanarak ilgili gönderiler nasıl gösterilir?
-
Kod kullanarak ilgili gönderiler nasıl gösterilir?
WordPress’te neden ilgili yayınları göstermelisiniz?
İlgili gönderiler bölümünü göstermek isteyebileceğiniz birkaç neden vardır. Aşağıdaki paragraflarda bunlardan bazılarının neler olduğuna bir göz atacağız.
İlgili gönderi bölümü, standart menü gezinmesini tamamlayan bir gezinme biçimi işlevi görür. Bir gönderiye doğrudan bir arama motoru aracılığıyla erişen ziyaretçileri yönlendirmeye hizmet eder. Çoğu zaman, ilgili içeriğe ilk gönderiyi okuduktan sonra erişilmesi gerektiğinden, gönderi içeriğinin hemen altında bulunur. Bu şekilde, ziyaretçiler kalma ve makalelerinize ve sunduğunuz diğer tüm içerik türlerine göz atma eğiliminde olacaktır. Tüm bunlar, web sitenizin hemen çıkma oranını düşürürken, sayfalarınızın aldığı görüntüleme sayısını ve her ziyaretçinin bir sayfada geçirdiği ortalama süreyi artırır. Bunların hepsinin SEO sıralaması üzerinde olumlu bir etkisi vardır.
Ayrıca ziyaretçilerinizin web sitenizde geçirdikleri süreyi artırarak, reklamlardan ve satış ortağı bağlantılarından elde ettiğiniz geliri en üst düzeye çıkarıyor ve potansiyel olarak yeni aboneler ediniyorsunuz. Ayrıca web sitenize sık sık geri dönme ve içeriğinizi sosyal medyada paylaşma olasılıkları daha yüksektir, böylece daha fazla görünürlük elde edersiniz. Ayrıca ilgili gönderiler bölümü, yeni içeriğinizin altına gömülmüş olabilecek eski, hâlâ alakalı gönderilerinizi yeniden canlandırmanın bir yolu olabilir.
İlgili yazılar bölümü olan bir WordPress sitesinin neden faydalı olabileceğinin bazı nedenlerini gördüğünüze göre, bunu kendi web sitenize nasıl ekleyebileceğinize geçelim.
WordPress’te ilgili gönderiler nasıl gösterilir?
WordPress’te ilgili gönderileri göstermenin iki ana yolu, WordPress eklentileri veya özel kod kullanmaktır. Ek olarak çoğu tema ilgili gönderileri görüntülemek için seçenekler içerir. Bu yüzden her zaman önce tema seçeneklerinizi araştırmalı ve ardından eklentileri veya kodları kullanmayı düşünmelisiniz. Bu makalede üçünü de nasıl yapacağınızı göstereceğiz.
Tema seçeneklerini kullanma
Mevcut temanızın seçeneklerini keşfetmek her zaman ilk yapmanız gereken şey olmalıdır. Örneğin tüm WordPress premium temalarında ilgili gönderileri etkinleştirme seçeneği bulunur. Bunu Tema Adı Seçenekleri > Blog bölümünde bulabilirsiniz. Bu makale için, ilgili gönderileri gösterme seçeneğinin İlgili Gönderileri Etkinleştir olarak adlandırıldığı Behold temasını kullandık.
Uygun seçeneği etkinleştirdikten sonra blog yazılarınızdan birini inceleyerek ilgili yazılar bölümünün görünümünü kontrol etmelisiniz. Yerleştirilmesi için ideal yer olduğu için gönderi içeriğinin altına bakın. İşte bizim durumumuzda nasıl göründüğü.
İlgili gönderiler bölümü eklemek için tema seçeneklerinizi kullanmanın çeşitli avantajları vardır. Sitenize yeni bir şey yüklemek zorunda kalmayacaksınız ve bu bölümün tasarımı, temanın geri kalanıyla mükemmel bir şekilde eşleşecektir. Bir WordPress sitesinde ilgili bir gönderiyi göstermenin en hızlı ve en kolay yolu.
Fakat bazı temaların bunu yapmanıza izin veren seçeneklere bile sahip olmayabileceğini lütfen unutmayın. Ayrıca ilgili gönderileri görüntülemek için uygun seçenekler, kullandığınız temaya göre farklılık gösterebilir. Sizin açınızdan durum buysa veya temanın sunduğu seçeneklerden ve ilgili gönderiler bölümünün görünümünden memnun değilseniz, devam etmeli ve eklentileri veya özel kodu kullanmayı denemelisiniz.
WordPress eklentilerini kullanma
Temanızın seçeneklerini keşfettikten sonra, ikinci seçeneğiniz uygun bir ilgili gönderiler eklentisi aramak olmalıdır. Mevcut çok sayıda WordPress eklentisi sayesinde ihtiyaçlarınıza uygun olanı bulmak oldukça kolaydır. Son derece yararlı bulduğumuz iki farklı şeyi size göstereceğiz.
-
Bağlamsal İlgili Gönderiler
Bağlamsal İlgili Gönderiler, ilgili gönderileri hem web sitenizde hem de akışınızda görüntülemek için en popüler eklentilerden biridir. İlgili gönderiler bölümü varsayılan olarak içeriğin altında görüntülenir. Bu eklenti ayrıca bir widget, kısa kod ve bir Gutenberg bloğu biçiminde gelir. Bu sayede web sitenizin hemen hemen her yerinde kullanabilirsiniz. Ayrıca ilgili gönderilerin listesi mevcut gönderinin başlığına ve içeriğine göre oluşturulur, bu da gönderiyi daha alakalı ve okuyucuları cezbetme olasılığı yüksek hale getirir.
Eklentiyi yükledikten sonra, Ayarlar > İlgili Yazılar’a gidin ve bu eklentinin sunduğu seçenekleri inceleyin. Düzgün bir şekilde altı sekmede saklanırlar: Genel, Liste ayarı, Çıktı, Küçük resim, Stiller ve Besleme.
Eklentinin birçok seçeneği var. Sayfalar ve arşivler için ilgili gönderileri gösterme, önbelleğe alma seçenekleri, özel gönderi türlerini ve belirli kategorileri dahil etme veya hariç tutma, gönderileri rastgele hale getirme veya belirli bir zaman aralığındaki gönderileri gösterme gibi liste ayarlama seçenekleri vardır. Ayrıca gönderi alıntılarını gösterme, küçük resmi özelleştirme, önceden hazırlanmış bir stil seçme ve kendi özel CSS’nizi ekleme olasılığını içerir.
İhtiyaçlarınıza uygun seçenekleri seçin ve işiniz bittiğinde aşağıdaki Değişiklikleri Kaydet düğmesine basın.
Eklentinin varsayılan ayarlarında yapılan küçük ayarlamalardan sonra ilgili gönderiler bölümünün nasıl görüneceği aşağıda açıklanmıştır.
-
İlgili Yazılar WordPress için Küçük Resim Eklentisi
İlgili Yazılar Küçük Resim Eklentisi for WordPress ayrıca WordPress ile ilgili yazı bölümlerini görüntülemek için en popüler eklentilerden biridir. Önceki seçimimiz gibi, bir widget, kısa kod veya Gutenberg bloğu biçiminde gelir, bu nedenle web sitesinde neredeyse her yerde kullanılabilir.
Eklentiyi yükledikten sonra, yönetici kontrol panelinizde bulunan İlgili Yazılar bölümüne gidin. Orada, seçeneklerinin birkaç sekmede sıralandığını göreceksiniz: Genel Görüntüleme Seçenekleri, Küçük Resimler, Stil Seçenekleri ve İlişki Oluşturucu Seçenekleri.
Pek çok seçeneği arasında, bu eklenti, belirli özel gönderi türlerini veya kategorilerini dahil etme veya hariç tutma, mobil cihazda ilgili gönderileri gizleme olasılığı, küçük resimle ilgili ayarlar, stil ayarları ve alıntıyı ayarlama ve seçme seçeneği sunar. ilgili gönderilerin oluşturulma şekli.
Seçenekleri ihtiyaçlarınıza göre ayarlayın ve bitirmek için Ayarları Kaydet düğmesine basın.
Varsayılan ayarlarda yalnızca küçük ayarlamalar yaptıktan sonra, ilgili gönderiler bölümünüzü aşağıdaki ekran görüntüsündeki gibi görünmesini sağlayabilirsiniz.
kod kullanma
Önceki yöntemleri denedikten sonra, sonuçlardan memnun kalmazsanız, özel kod kullanarak ilgili gönderiler bölümü oluşturmayı deneyebilirsiniz. Lütfen bu yöntemin, kodlama deneyiminize bağlı olarak bölümü ihtiyaçlarınıza göre uyarlayabileceğiniz için daha deneyimli WordPress kullanıcılarına yönelik olduğunu unutmayın. Fakat bunu yaparken, kodu kullanmadan önce her zaman dikkatlice inceleyin. Bir kodlama hatası web sitenizi bozabilir.
Bu yazı için oluşturduğumuz kodu kullanarak size bir örnek göstereceğiz ve nasıl kullanılacağını açıklayacağız. Kod, temanızın functions.php dosyasına veya siteye özel bir eklenti içine eklenmelidir. Uygulaması biraz daha hızlı olduğu için size ilkini göstereceğiz.
Devam etmeden önce WordPress dosyalarınızı yedeklemenizi öneririz. Ayrıca FTP’ye aşina değilseniz, FTP kullanımıyla ilgili makalemizi de incelemeniz iyi bir fikir olacaktır. Hazır olduğunuzda, aşağıda belirtilen gerekli adımlara geçin.
İlk olarak FTP kimlik bilgilerinizi kullanarak sunucunuza bağlanın ve genellikle public_html olarak adlandırılan kök WordPress dizininize gidin.
Daha sonra /wp-content/themes dizinine gidin ve açmak için tema klasörünüze tıklayın. İçinde functions.php dosyasını bulun, üzerine sağ tıklayın ve Görüntüle/Düzenle seçeneğini seçin.
Tercih ettiğiniz metin düzenleyiciyi kullanarak dosyayı açın ve aşağıya doğru kaydırın. Dosyanın en altına aşağıdaki kodu ekleyin:
function custom_related_posts( $content ) {
global $post;
$current_post_id = get_the_ID();
$html="";
if ( is_singular( 'post' ) ) {
//get the categories of the current post
$cats = get_the_category( $current_post_id );
$cat_array = array();
foreach ( $cats as $key1 => $cat ) {
$cat_array[ $key1 ] = $cat->slug;
}
//get the tags of the current post
$tags = get_the_tags( $current_post_id );
$tag_array = array();
foreach ( $tags as $key2 => $tag ) {
$tag_array[ $key2 ] = $tag->slug;
}
$related_posts = new WP_Query(
array(
'post_type' => 'post',
'post_status' => 'publish',
'tax_query' => array(
'relation' => 'OR',
array(
'taxonomy' => 'category',
'field' => 'slug',
'terms' => $cat_array
),
array(
'taxonomy' => 'post_tag',
'field' => 'slug',
'terms' => $tag_array
)
),
'posts_per_page' => 3,
'post__not_in' => array( $current_post_id ),
'orderby' => array( 'title' => 'ASC', 'date' => 'DESC' )
)
);
if ( $related_posts->have_posts() ) {
$html .= '<div class="related-posts"><h3>Related posts</h3>';
while ( $related_posts->have_posts() ) {
$related_posts->the_post();
$html .= '<div class="related-posts-link"><a rel="bookmark" href="';
$html .= get_the_permalink();
$html .= '">';
if ( has_post_thumbnail( $post->ID ) ) {
$image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'medium' );
$html .= '<img class="featured-image" src="' . esc_url( $image[0] ) . '">';
}
$html .= '<h4 class="related-post-title">' . get_the_title() . '</h4>';
$html .= '</a></div>';
}
$html .= '</div>';
wp_reset_postdata();
} else {
$html .= '<div class="related-posts">' . esc_html__( 'No related posts were found.', 'textdomain' ) . '</div>';
}
$content .= $html;
}
return $content;
}
add_filter( 'the_content', 'custom_related_posts' );
Daha sonra yaptığınız değişiklikleri kaydedin ve düzenlenen dosyayı eski sürümünü geçersiz kılmak için sunucunuza geri yükleyin.
Bu kodun bileşimine biraz ışık tutalım.
Başlamak için, kod basitleştirilebilir ve aşağıdaki şekilde incelenebilir.
function custom_related_posts( $content ) {
global $post;
$current_post_id = get_the_ID();
$html="";
if ( is_singular( 'post' ) ) {
// Some code here
$content .= $html;
}
return $content;
}
add_filter( 'the_content', 'custom_related_posts' );
Bu kod, add_filter() işlevi kullanılarak “the_content” filtre kancasına takılan, custom_related_posts adlı bir filtre işlevini temsil eder. Basitçe söylemek gerekirse, filtre işlevleri, geliştiricilerin işleve verilen bilgileri değiştirmesinin ve ardından değişiklikten sonra geri döndürmesinin bir yoludur. Bu durumda, bu bilgi, sayfa oluşturucunuzu kullanarak bir sayfaya eklediğiniz veya gönderdiğiniz içeriği temsil eden $content’tir.
İs_singular( ‘post’ ) koşullu deyiminin kullanımıyla, istenen değişikliğin sadece blog yazılarında olmasını sağlıyoruz. Bu değişiklik, gönderilerin içeriğinden sonra bir miktar HTML kodunun eklenmesidir. Bu HTML kodu, ilgili gönderiler bölümümüz olacaktır.
Kalan kod iki bölüme ayrılabilir. Birincisi sorgu kısmı, ikinci kısım ise yukarıda bahsedilen HTML’yi bir WordPress Döngüsü kullanarak oluşturur.
-
Sorgu
//get the categories of the current post $cats = get_the_category( $current_post_id...