WordPress'te Daha Fazla Yazı Yükle Düğmesi Nasıl Eklenir

Ziyaretçiler blogunuza geldiğinde, amaç onları mümkün olduğunca uzun süre okutmaktır. Ancak bir sonraki sayfaya sürekli tıklamak zorunda kalırlarsa, daha fazla içeriği keşfetmeden ayrılmalarına neden olabilecek bir sürtünme yaratır.

İşte burada daha fazla gönderi yükle düğmesi devreye giriyor. Akışı bozmak yerine, okuyucular sayfadan hiç ayrılmadan yeni makaleler anında çekebilirler. Bu basit özellik, hemen çıkma oranlarını azaltabilir, sitede geçirilen süreyi artırabilir ve içeriğinizde gezinmeyi zahmetsiz hale getirebilir.

Bu yaklaşımın özellikle çok sayıda gönderiye sahip bloglar ve dergi tarzı siteler için çok iyi çalıştığını gördük. Daha fazla yükle düğmesi eklemek, okuyucuların daha fazla içeriğinizi keşfetmesini kolaylaştırır. Ayrıca, ne kadar uzun kalırlarsa, abone olma veya sadık ziyaretçiler olma olasılıkları o kadar artar.

Bu makalede, WordPress'te adım adım daha fazla yazı yükle düğmesinin nasıl ekleneceğini göstereceğiz.

WordPress'e Daha Fazla Gönderi Yükle Düğmesi Ne Zaman ve Neden Eklenir

İnsanların sitenizde daha fazla zaman geçirmesini istiyorsanız, yeni içerikleri keşfetmelerini kolaylaştırmanız gerekir. Ziyaretçiler içeriğinizle ne kadar uzun süre etkileşimde kalırsa, o kadar çok görüntüleme alırsınız ve abone olma veya tekrar gelme olasılıkları o kadar artar.

Çoğu blog, ana sayfalarında, bloglarında veya arşiv sayfalarının altında 'Daha Eski Gönderiler' bağlantısı veya sayısal sayfa navigasyonu gibi basit navigasyon kullanır. Bu işe yarasa da, okuma akışını kesintiye uğratabilir ve ziyaretçilerin göz atmayı bırakmasına neden olabilir.

Bu nedenle, belirli türdeki siteler daha fazla gönderi yükle düğmesi eklemekten büyük fayda görür. Özellikle yemek blogları, fotoğrafçılık web siteleri, listeler veya viral haber siteleri gibi içerik ağırlıklı web siteleri için etkilidir.

Örneğin Çok Fazla Yemek bloguna bakın, yeni tarifler yükleyen temiz bir ‘Daha Fazla Yazı Yükle’ düğmesi kullanıyorlar.

Tüm yeni bir sayfayı yüklemek yerine, 'Daha Fazla Gönderi Yükle' düğmesi sonsuz kaydırma gibi çalışır. İçeriğin bir sonraki grubunu hızlı bir şekilde almak için JavaScript kullanır. Bu, kullanıcı deneyimini iyileştirir ve onlara kesintisiz olarak daha fazla içeriğinizi görüntüleme şansı verir.

Bunu söyledikten sonra, WordPress web sitenize kolayca daha fazla gönderi yükleme düğmesi eklemenin nasıl yapıldığına bir göz atalım.

Adım 1: WordPress'e Daha Fazla Gönderi Yükle Düğmesi Ekleme

Yapmanız gereken ilk şey, Ajax Load More eklentisini yüklemek ve etkinleştirmektir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına dair adım adım kılavuzumuza bakın.

Etkinleştirildiğinde, eklenti WordPress yönetici menünüze ‘Ajax Load More’ etiketli yeni bir menü öğesi ekleyecektir. Üzerine tıklamanız ve eklentinin ayarlar sayfasına gitmeniz gerekir.

Ayarlar sayfasında düğmenizin rengini seçebilirsiniz. Düğmeyi ayrıca, kullanıcıların düğmeye tıklamadan bir sonraki gönderi grubunu otomatik olarak yükleyen sonsuz kaydırma ile de değiştirebilirsiniz.

Ardından, yazılarınızı görüntülemek için şablonunuzu eklemek üzere Ajax Load More » Repeater Template sayfasını ziyaret etmeniz gerekir.

Eklenti, gönderileri görüntülemek için WordPress döngüsünü içeren temel bir şablonla birlikte gelir. Ancak, temanızla eşleşmez ve web sitenizde yerinde görünmeyebilir.

Bunu düzeltmek için, temanızın dizin, arşiv ve blog sayfalarında gönderileri görüntülemek için kullandığı kodu kopyalamanız gerekir.

Normalde bu kod temanızın template-parts klasöründe bulunur. O klasörde farklı içerikleri görüntülemek için şablonlar göreceksiniz. Örneğin, content-page.php, content-search.php ve daha fazlası.

Genel content.php şablonunu arayacaksınız. İşte demo temanızın content.php dosyasından bir örnek:

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
    <?php
        // Post thumbnail.
        twentyfifteen_post_thumbnail();
    ?>
 
    <header class="entry-header">
        <?php
            if ( is_single() ) :
                the_title( '<h1 class="entry-title">', '</h1>' );
            else :
                the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' );
            endif;
        ?>
    </header><!-- .entry-header -->
 
    <div class="entry-content">
        <?php
            /* translators: %s: Name of current post */
            the_content( sprintf(
                __( 'Continue reading %s', 'twentyfifteen' ),
                the_title( '<span class="screen-reader-text">', '</span>', false )
            ) );
 
            wp_link_pages( array(
                'before'      => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'twentyfifteen' ) . '</span>',
                'after'       => '</div>',
                'link_before' => '<span>',
                'link_after'  => '</span>',
                'pagelink'    => '<span class="screen-reader-text">' . __( 'Page', 'twentyfifteen' ) . ' </span>%',
                'separator'   => '<span class="screen-reader-text">, </span>',
            ) );
        ?>
    </div><!-- .entry-content -->
 
    <?php
        // Author bio.
        if ( is_single() && get_the_author_meta( 'description' ) ) :
            get_template_part( 'author-bio' );
        endif;
    ?>
 
    <footer class="entry-footer">
        <?php twentyfifteen_entry_meta(); ?>
        <?php edit_post_link( __( 'Edit', 'twentyfifteen' ), '<span class="edit-link">', '</span>' ); ?>
    </footer><!-- .entry-footer -->
 
</article><!-- #post-## -->

Bu kodu bulduğunuzda, eklenti ayarlarındaki ‘Repeater Templates’ alanına yapıştırmanız gerekir.

Ayarlarınızı kaydetmek için 'Şablon Kaydet' düğmesine tıklamayı unutmayın.

Ardından, kısa kodu oluşturmak için Ajax Load More » Shortcode Builder sayfasını ziyaret etmeniz gerekir.

Bu sayfada özelleştirebileceğiniz birçok farklı seçenek bulunmaktadır. İlk olarak, kapsayıcı türünü seçmeniz gerekecektir. Emin değilseniz, daha önce kopyaladığınız şablona bakın. Çoğu modern WordPress temaları <div>; öğesini kullanır.

Bundan sonra, düğme etiketleri bölümüne aşağı kaydırın. Burada düğmede görünen metni değiştirebilirsiniz. Varsayılan olarak eklenti 'Eski Gönderiler' kullanır ve bunu 'Daha fazla gönderi yükle' veya istediğiniz herhangi bir şeyle değiştirebilirsiniz.

Son olarak, gönderilerin otomatik olarak mı yükleneceğini yoksa kullanıcıların daha fazla gönderi yükle düğmesine tıklamasını mı bekleyeceğini seçmeniz gerekir.

Kısa kodunuz artık kullanıma hazır. Sağ sütunda kısa kod çıktısını göreceksiniz. Kısa kodu kopyalayıp bir metin düzenleyiciye yapıştırın, çünkü bir sonraki adımda ona ihtiyacınız olacak.

Adım 2: WordPress Temanıza Daha Fazla Gönderi Yükleme

Bu öğretici bölümü, WordPress tema dosyalarınıza kod eklemenizi gerektirir. Bunu daha önce yapmadıysanız, WordPress'e kod kopyalayıp yapıştırma hakkındaki kılavuzumuza göz atın.

Not: Herhangi bir değişiklik yapmadan önce WordPress temanızı yedeklemeyi unutmayın.

Tema içinde daha fazla gönderi yükle düğmesini eklemek istediğiniz şablon dosyalarını bulmanız gerekecektir. Temanızın nasıl organize edildiğine bağlı olarak, genellikle bu dosyalar index.php, archives.php, categories.php vb. olur.

Daha önce kopyaladığınız kısa kodu temanıza `endwhile;` etiketinden hemen sonra eklemeniz gerekecek.

Kısa kodu bir tema dosyasına eklediğimiz için, bunu do_shortcode fonksiyonunun içine şu şekilde eklememiz gerekecek:

echo do_shortcode('[ajax_load_more container_type="div" post_type="post"]');  

Artık değişikliklerinizi kaydedebilir ve ‘Daha Fazla Yazı Yükle’ düğmesini çalışırken görmek için web sitenizi ziyaret edebilirsiniz. İşte demo sitemizde nasıl göründüğü:

Umarız bu makale, WordPress'e daha fazla gönderi yükle düğmesi eklemeyi öğrenmenize yardımcı olmuştur. Ayrıca, gelecekteki planlanmış gönderileri WordPress'te listeleme rehberimize ve WordPress için en iyi ilgili gönderi eklentileri hakkındaki uzman seçimlerimize de göz atmak isteyebilirsiniz.

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.