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

WordPress’e daha fazla gönderi yükle düğmesi eklemek ister misiniz?

Birçok popüler platform, kullanıcıların sayfanın en altına ulaştıklarında daha fazla gönderi yüklemelerine olanak tanır.

Bu makalede, WordPress’te nasıl kolayca daha fazla yazı yükle düğmesi ekleyebileceğinizi göstereceğiz.

WordPress’te Daha Fazla Yazı Yükle Düğmesi Ne Zaman ve Neden Eklenir?

Kullanıcılarınızın içerikle ilgilenmesini sağlamak, daha fazla görüntüleme ve nihayetinde daha fazla abone elde etmenize yardımcı olur.

Birçok blog, ana sayfa, blog ve arşiv sayfalarının sonunda basit ‘Eski yazılar’ gezinme bağlantısını kullanır. Bazı web siteleri daha fazla bağlam ekleyen sayısal sayfa navigasyonu kullanır.

Bununla birlikte, sonsuz kaydırma veya daha fazla gönderi yükle düğmesinden büyük ölçüde yararlanabilecek belirli web sitesi türleri vardır. Bazı örnekler şunlardır: fotoğrafçılık web siteleri, listeler ve viral içerik web siteleri.

Tamamen yeni bir sayfa yüklemek yerine, ‘daha fazla gönderi yükle’ düğmesi sonsuz kaydırma gibi çalışır. Bir sonraki içerik kümesini hızlı bir şekilde getirmek için JavaScript kullanır. Bu, kullanıcı deneyimini iyileştirir ve onlara içeriğinizin daha fazlasını görüntüleme şansı verir.

Bununla birlikte, WordPress sitenize nasıl kolayca daha fazla gönderi yükle düğmesi ekleyebileceğinize bir göz atalım.

WordPress’te Daha Fazla Yazı 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 ilişkin adım adım kılavuzumuza bakın.

Etkinleştirmenin ardından, 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, butonunuzun rengini seçebilirsiniz. Ayrıca düğmeyi, kullanıcılar düğmeye tıklamadan bir sonraki gönderi grubunu otomatik olarak yükleyen sonsuz kaydırma ile değiştirebilirsiniz.

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

Eklenti, yazıları 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ındaki 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. Bu 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ı.

Jenerik content.php şablonunu arıyor olacaksınız. İşte demo temamı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 ‘Tekrarlayıcı Şablonları’ alanına yapıştırmanız gerekir.

Ayarlarınızı kaydetmek için ‘Şablonu 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 sayfa özelleştirebileceğiniz birçok farklı seçenek içerir. Öncelikle konteyner türünü seçmeniz gerekecektir. Emin değilseniz, daha önce kopyaladığınız şablona bakın. Çoğu modern WordPress teması <div>; öğesini kullanır.

Bundan sonra düğme etiketleri bölümüne gidin. Burada düğmede görünen metni değiştirebilirsiniz. Varsayılan olarak, eklenti ‘Eski Yazılar’ kullanır ve bunu ‘Daha fazla yazı yükle’ veya istediğiniz herhangi bir şey olarak değiştirebilirsiniz.

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

Kısa kodunuz artık kullanıma hazır. Sağ sütunda kısa kod çıktısını göreceksiniz. Devam edin ve kısa kodu kopyalayın ve bir sonraki adımda ihtiyacınız olacağı için bir metin düzenleyicisine yapıştırın.

WordPress Temanıza Daha Fazla Yazı Ekleme

Eğitimin bu kısmı WordPress tema dosyalarınıza kod eklemenizi gerektiriyor. Bunu daha önce yapmadıysanız, WordPress’te kod kopyalama ve yapıştırma hakkındaki kılavuzumuza göz atın.

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

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

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

Kısa kodu bir tema dosyasına eklediğimiz için, do_shortcode işlevinin içine aşağıdaki gibi eklememiz gerekecek:

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

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

Bu makalenin WordPress’te daha fazla gönderi yükle düğmesinin nasıl ekleneceğini öğrenmenize yardımcı olduğunu umuyoruz. Ayrıca yeni başlayanlar için en yararlı WordPress ipuçları, püf noktaları ve hack ‘lerinden oluşan mega listemizi ve blogunuzu büyütmek için en iyi WordPress Facebook eklentileri uzman seçimlerimizi görmek isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.