WordPress'te Önceki ve Sonraki Yazı Bağlantılarına Küçük Resim Ekleme

Bir WordPress blog gönderisi üzerinde tüm bu çalışmalardan sonra, okuyucuların tek bir sayfadan sonra ayrıldığını görmek sinir bozucudur.

Bunun büyük bir nedeni mi? Yazılarınızın altındaki düz metin gezinme bağlantıları zar zor fark ediliyor.

Bu gezinme bağlantılarına küçük resimler eklemek dikkat çekmenize yardımcı olabilir. Okuyucular bir sonraki neyin geleceğini anında görebilir, bu da içeriklerinizi keşfetme olasılıklarını artırır.

Birçok yöntemi test ettik ve iş için en iyi aracın WPCode olduğunu bulduk. Tema dosyalarınıza dokunmadan özel kod parçacıklarını güvenli bir şekilde eklemenizi sağlar.

Bu kılavuzda, WordPress'teki önceki ve sonraki gönderi bağlantılarınıza küçük resim eklemeyi tam olarak göstereceğiz. Düşündüğünüzden daha kolay! 💡

Önceki ve Sonraki Yazı Bağlantılarıyla Küçük Resimler Neden Gösterilmeli?

Kısacası, küçük resimler gezinme bağlantılarınızı anında daha göz alıcı ve tıklanabilir hale getirir. Okuyucuları sitenizi keşfetmeye devam etmeye teşvik edebilirler.

WordPress blogunuz, ziyaretçilerin yeni içerik bulmalarına ve sitenizde gezinmelerine yardımcı olmak için bazı yararlı özellikler sunar. Bu özellikler şunları içerir:

• gezinme menüleri
• bir arama çubuğu ve
• bir gönderi arşivleri widget'ı.

Her blog yazısının altında başka bir kullanışlı gezinme özelliği bulunur. Orada, sitenizin önceki ve sonraki yazılarına bağlantılar bulacaksınız.

Bu bağlantılar kullanıcı etkileşimini artırır çünkü ziyaretçiler bir blog yazısını okumayı bitirdiklerinde başka bir şey okumak isteyebilirler. Ancak, küçük resimler eklerseniz, bağlantılar daha etkileşimli görünecektir.

En iyi performans gösteren veya popüler blog yazılarınıza dikkat çekmenin harika bir yoludur.

Örneğin, zaten çok fazla trafik çeken ve bu okuyucuları e-posta abonelerine dönüştüren ana içerikleriniz olabilir. Gönderi bağlantılarıyla küçük resimler eklemek, yalnızca e-posta listenizi oluşturmanıza ve küçük işletmenizi büyütmenize yardımcı olacaktır.

Bunu akılda tutarak, WordPress'te önceki ve sonraki gönderi bağlantılarına küçük resim eklemeyi göstereceğiz. Bu makalede ele alacağımız tüm konular şunlardır:

• Using Thumbnails with Previous and Next Post Links in WordPress
• Alternatif: Küçük Resimlerle Popüler Gönderileri Görüntüleme
• Gönderi Gezinme Küçük Resimleri Hakkında Sıkça Sorulan Sorular
• Ek Bağlantılar: WordPress'te Resim ve Diğer Medya Dosyalarını Kullanma

Başlayalım!

WordPress'te Önceki ve Sonraki Yazı Bağlantılarıyla Küçük Resimleri Kullanma

Önceki ve sonraki gönderi bağlantılarınıza küçük resim eklemek için WordPress temanızın dosyalarına kod eklemeniz gerekecektir. Bunu daha önce yapmadıysanız, WordPress'e kod kopyalayıp yapıştırma hakkındaki rehberimize bakın.

WPCode Kullanarak Kod Ekleme

İlk adım, en iyi kod parçacığı eklentisi olan WPCode'u kullanarak aşağıdaki kod parçasını eklemektir. Bu, sitenizi bozmadan kod eklemenize olanak tanır ve hazır şablonlarla birlikte gelir, böylece sıfırdan kod yazmanıza gerek kalmaz.

İş ortağı markalarımızın sitelerinde, özel kod parçacıkları oluşturmak ve yönetmek için WPCode kullanıyoruz. Bizim için inanılmaz derecede iyi çalıştı ve özelliklerini keşfetmek için tam WPCode incelememize göz atabilirsiniz.

Başlamak için WPCode eklentisini yüklemeniz ve etkinleştirmeniz gerekecek. Yardım isterseniz, WordPress eklentisinin nasıl kurulacağına dair makalemize göz atabilirsiniz.

Etkinleştirdikten sonra, WordPress kontrol panelinizden Kod Parçacıkları » + Parçacık Ekle sayfasına gidin.

Ardından, 'Yeni Ekle' düğmesine tıklayın.

Önceden hazırlanmış şablonlardan oluşan geniş bir yelpazeden seçim yapabileceğiniz bir kod parçacığı kitaplığına yönlendirileceksiniz.

Önceki ve sonraki gönderi bağlantılarına küçük resimler eklemek için özel bir kod dizesi yükleyeceğiz. Bu nedenle, ‘Özel Kodunuzu Ekleyin (Yeni Kod Parçası)’ altındaki ‘Kod Parçasını Kullan’ seçeneğine tıklayalım.

Açılan açılır pencerede kod türünü seçeceksiniz.

Burada, 'PHP Snippet' seçeneğini tercih etmek isteyeceksiniz.

Sonraki adım, kod parçacığına daha sonra başvurabilmeniz için bir ad vermektir.

Ardından, aşağıdaki kodu WPCode metin düzenleyiciye yapıştırmanız yeterlidir:

function wpb_posts_nav(){
    $next_post = get_next_post();
    $prev_post = get_previous_post();
    
    if ( $next_post || $prev_post ) : ?>
    
        <div class="wpb-posts-nav">
            <div>
                <?php if ( ! empty( $prev_post ) ) : ?>
                    <a href="<?php echo get_permalink( $prev_post ); ?>">
                        <div>
                            <div class="wpb-posts-nav__thumbnail wpb-posts-nav__prev">
                                <?php echo get_the_post_thumbnail( $prev_post, [ 100, 100 ] ); ?>
                            </div>
                        </div>
                        <div>
                            <strong>
                                <svg viewBox="0 0 24 24" width="24" height="24"><path d="M13.775,18.707,8.482,13.414a2,2,0,0,1,0-2.828l5.293-5.293,1.414,1.414L9.9,12l5.293,5.293Z"/></svg>
                                <?php _e( 'Previous article', 'textdomain' ) ?>
                            </strong>
                            <h4><?php echo get_the_title( $prev_post ); ?></h4>
                        </div>
                    </a>
                <?php endif; ?>
            </div>
            <div>
                <?php if ( ! empty( $next_post ) ) : ?>
                    <a href="<?php echo get_permalink( $next_post ); ?>">
                        <div>
                            <strong>
                                <?php _e( 'Next article', 'textdomain' ) ?>
                                <svg viewBox="0 0 24 24" width="24" height="24"><path d="M10.811,18.707,9.4,17.293,14.689,12,9.4,6.707l1.415-1.414L16.1,10.586a2,2,0,0,1,0,2.828Z"/></svg>
                            </strong>
                            <h4><?php echo get_the_title( $next_post ); ?></h4>
                        </div>
                        <div>
                            <div class="wpb-posts-nav__thumbnail wpb-posts-nav__next">
                                <?php echo get_the_post_thumbnail( $next_post, [ 100, 100 ] ); ?>
                            </div>
                        </div>
                    </a>
                <?php endif; ?>
            </div>
        </div> <!-- .wpb-posts-nav -->
    
    <?php endif;
}

Kod parçasını girdikten sonra, düğmeyi 'Etkin Değil'den 'Etkin'e geçirebilirsiniz.

Şöyle görünmelidir.

Bu, kodun çalışmasını sağlayacaktır.

Ardından, 'Güncelle' düğmesine tıklayabilirsiniz.

Şimdi, Kod Parçaları » + Kod Parçası Ekle sayfasına geri dönmemiz gerekecek.

Yine, 'Özel Kodunuzu Ekleyin (Yeni Parça)' seçeneği altında 'Parça Kullan'ı seçeceksiniz.

Görünen açılır pencerede ‘PHP Snippet’ seçtiğinizden emin olun.

Bundan sonra, daha sonra kolayca başvurabilmeniz için açıklayıcı bir ad verebilirsiniz.

Şimdi, aşağıdaki kodu kopyalayıp WPCode metin düzenleyicisine yapıştırabilirsiniz.

wpb_posts_nav();

Bu kod, öne çıkan görselle gezinmenin nereye gösterileceğini WordPress'e söyler.

Bu bittikten sonra, aşağı kaydırıp ‘Ekleme’ bölümüne gelmek ve ‘Konum’ yanındaki açılır menüye tıklamak isteyeceksiniz.

Buradan, 'Sayfa Bazlı' seçeneğine gidin ve 'Gönderi Sonrasına Ekle'yi seçin. Bu şekilde, küçük resimler bağlantıların yanında düzgün bir şekilde görünecektir.

Son olarak, 'Aktif' seçeneğini açabilir ve 'Güncelle'ye tıklayabilirsiniz.

Değişikliklerinizi kaydettikten sonra, küçük resimlerle önceki ve sonraki gönderi bağlantılarını göstermek istediğiniz şablonda bu işlevi kullanabilirsiniz.

Ve hepsi bu kadar - önceki ve sonraki gönderi küçük resimlerinizi eklediniz ve yapılandırdınız!

Artık web sitenizdeki bir gönderiyi görüntülediğinizde, gönderinin altındaki önceki ve sonraki bağlantılarda artık küçük resimler olduğunu göreceksiniz.

Alternatif: Küçük Resimlerle Popüler Gönderileri Görüntüleme

Bir gönderiyi okuduktan sonra okuyucularınızı etkilemenin bir başka yolu da her makaleden sonra popüler gönderilerin bir listesini görüntülemektir. Bu, okuyucularınızın yalnızca önceki ve sonraki yayınlanan makaleleri değil, en iyi içeriğinizi görmelerini sağlayacaktır.

Popüler gönderileriniz en başarılı içeriğinizi içerir. Bunları ziyaretçilerinize göstermek güven oluşturacak, sosyal kanıtı iyileştirecek ve ziyaretçilerinizin web sitenizde daha uzun süre kalmasını sağlayacaktır.

WordPress'te gönderileri görünüme göre nasıl göstereceğinizle ilgili kılavuzumuzdaki ilk yöntemi kontrol ettiğinizde, WordPress'te gönderileri görünüme göre nasıl göstereceğiniz hakkında, MonsterInsights eklentisini kullanarak popüler gönderileri eklemenin ne kadar kolay olduğunu öğreneceksiniz.

WPBeginner olarak, web sitemizin performansını yakından takip etmek için MonsterInsights kullanıyoruz. Veriye dayalı kararlar almak için başvurduğumuz aracın neden bu olduğunu görmek ve tam MonsterInsights incelememizi inceleyebilirsiniz!

MonsterInsights' Popüler Gönderiler Widget'ı geniş bir çekici tema yelpazesi ve çok sayıda özelleştirme seçeneği sunar.

Veya WordPress'te gönderi sonrasına özel widget'ların nasıl ekleneceğine dair rehberimize bakabilirsiniz. Burada her blog yazısının sonuna çeşitli içerik türleri eklemeyi öğrenebilirsiniz.

Gönderi Gezinme Küçük Resimleri Hakkında Sıkça Sorulan Sorular

Gönderi gezinize küçük resimler ekleme hakkında sorularınız mı var? Başlamadan önce okuyucuların sıkça sorduğu bazı sorular şunlardır.

Küçük resimlerin boyutunu değiştirebilir miyim?

Kesinlikle! İlk kod parçasında, [ 100, 100 ] içeren satırlara bakın. Bu sayılar piksel cinsinden genişliği ve yüksekliği temsil eder. Tema tasarımınızla en iyi çalışan boyutlarla değiştirmeniz yeterlidir.

Küçük resimlerle kod eklemek web sitemi yavaşlatır mı?

Hiç de değil. Kod hafiftir ve performans göz önünde bulundurularak oluşturulmuştur, bu nedenle herhangi bir yavaşlama fark etmemelisiniz. Ayrıca, WPCode, kod parçasının yalnızca gerektiği tekil gönderi sayfalarında yüklendiğinden emin olur.

Bir gönderinin öne çıkan görseli yoksa ne olur?

Endişelenmeyin. Bağlantılı bir gönderinin öne çıkan görseli yoksa, kod yalnızca metin bağlantısını gösterecektir. Bununla birlikte, sitenizin cilalı ve tutarlı görünmesini sağlamak için her gönderi için öne çıkan bir görsel ayarlamak yardımcı olur.

Önceki/sonraki bağlantıları mı yoksa popüler gönderiler bölümünü mü göstermek daha iyidir?

Hedefinize bağlı. Önceki ve sonraki bağlantılar, okuyucuları ilgili içerikler arasında sırayla yönlendirmek için harikadır.

Ancak insanları en çok okunan makalelerinizi incelemeye devam ettirmek istiyorsanız, bir popüler gönderiler bölümü (MonsterInsights gibi bir araç kullanarak) harikalar yaratabilir.

Ek Bağlantılar: WordPress'te Resim ve Diğer Medya Dosyalarını Kullanma

Umarım bu eğitim, WordPress'te küçük resimlerle önceki ve sonraki gönderi bağlantılarını nasıl kullanacağınızı öğrenmenize yardımcı olmuştur. Ardından, şunları da öğrenmek isteyebilirsiniz:

• WordPress Gönderi Küçük Resimlerini Kırpma ve Düzenleme
• WordPress'e Arka Plan Görseli Nasıl Eklenir
• WordPress'e Öne Çıkan Video Küçük Resimleri Nasıl Eklenir
• WordPress'te Sesli Müzik Çalar Widget'ı Nasıl Eklenir
• WordPress'te PDF İndeksleme ve Arama Nasıl Eklenir
• WordPress'te Görsel Alt Metni ve Görsel Başlığı Arasındaki Fark
• WordPress'te Öne Çıkan Görselin Neden Görünmediğini Düzeltme
• Kaliteyi Kaybetmeden Web Performansı İçin Resimleri Nasıl Optimize Edersiniz

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.