Gönderileri kademeli ve eşzamansız olarak WordPress'e yüklemek için bir düğme eklemek ister misiniz? Birçok popüler platform, kullanıcıların sayfanın altına ulaştıklarında daha fazla makale yüklemelerine izin verir. Bu eğiticide, WordPress'e yeni gönderiler yüklemek için bir düğmeyi nasıl kolayca ekleyeceğinizi göstereceğiz.
WordPress'e ne zaman ve neden bir gönderi yükleme düğmesi eklenir?
Kullanıcılarınızı içerikle meşgul tutmak, daha fazla görüntüleme ve sonuç olarak daha fazla abone almanıza yardımcı olur.
Birçok blog ana sayfalarının, bloglarının ve arşivlerinin sonundaki basit "önceki makaleler" gezinme bağlantısını kullanır. Bazı siteler, daha fazla içerik ekleyen dijital sayfa gezintisi kullanır.
Bununla birlikte, tüm makalelerde sonsuz kaydırmadan büyük ölçüde yararlanabilecek belirli web sitesi türleri vardır. Bazı örnekler şunları içerir: fotoğrafçılık web siteleri, listeler ve viral içerikli web siteleri.
Yeni bir sayfa yüklemek yerine, 'daha fazla makale yükle' düğmesi sonsuz bir kaydırma gibi çalışır. Aşağıdaki içerik kümesini hızlı bir şekilde getirmek için JavaScript kullanır. Bu, kullanıcı deneyimini iyileştirir ve onlara daha fazla içerik görüntüleme fırsatı verir.
Bununla birlikte, WordPress sitenize gönderi yükleme düğmesini nasıl kolayca ekleyeceğinize bir göz atalım.
WordPress'e makale yükleme düğmesi ekleme
Yapılacak ilk şey, eklentiyi kurmak ve etkinleştirmek. Ajax Yük fazla . Daha fazla ayrıntı için, adım adım kılavuzumuza bakın. WordPress eklentisi kurmanın yolu.
Eklentiyi etkinleştirdikten sonra, eklenti "başlıklı yeni bir menü öğesi ekleyecektir.Ajax Yük fazlaWordPress kontrol panelinize. Tıklamanız ve eklenti ayarları sayfasına gitmeniz gerekir.
Ayarlar sayfasında, düğmenizin rengini seçebilirsiniz. Ayrıca düğmeyi, kullanıcılar düğmeyi tıklatmadan bir sonraki öğe grubunu otomatik olarak yükleyen sonsuz kaydırmayla değiştirebilirsiniz.
O zaman erişmelisin " Ajax Load Plus » Tekrarlayıcı Şablonu » Şablonunuzu makale ekranına eklemek için.
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şmeyebilir.
Bu sorunu çözmek için, temanızın blog ana sayfası, 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ündedir. Bu klasörde, farklı içeriği görüntülemek için şablonlar göreceksiniz. Örneğin, content-page.php, content-search.php ve daha fazlası.
Genel content.php şablonunu arıyorsunuz. Demo temamızdaki content.php dosyasının bir örneğini burada bulabilirsiniz:
" > ',' '); else: the_title (sprintf (' ', esc_url (get_permalink ())),' '); endif; ?> ',' ', yanlış))); wp_link_pages (array ('önce' => ' '. __ ('Sayfalar:', 'yirmi on beş'). ' ', 'sonra' => ' ',' link_before '=>' ',' link_after '=>' ',' pagelink '=>' '. __ ('Sayfa', 'yirmi beş'). ' %', 'ayırıcı' => ' , ',)); ?> ',' '); ?>
Bu kodu bulduktan sonra Tekrarlayıcı alanına yapıştırmalısınız. Şablonlar eklenti ayarlarında.
«Düğmesine tıklamayı unutmayın Şablonu kaydet Ayarlarınızı saklamak için.
O zaman ziyaret etmelisin " Ajax Load Plus » Kısa kod oluşturmak için "Shortcode Builder".
Bu sayfa, özelleştirebileceğiniz birçok seçenek içerir. Önce konteyner türünü seçmelisiniz. Emin değilseniz, daha önce kopyaladığınız şablona bir göz atın. Modern temaların çoğu öğeyi kullanır <div>.
Bundan sonra, düğme etiketleri bölümüne gidin. Burada düğmede görünen metni değiştirebilirsiniz. Eklenti varsayılan olarak 'Daha fazla Mesajını yükle've istediğiniz gibi değiştirebilirsiniz.
Son olarak, bir tıklamanın ardından yayınların otomatik olarak yüklenmesini isteyip istemediğinizi seçmelisiniz.
Kısa kodunuz artık kullanıma hazırdır. Sağ sütunda kısa kodun çı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 makale ekleyin
Eğitimin bu kısmı, dosyalarına kod eklemenizi gerektirir. WordPress tema.
seninkini kaydetmeyi unutma WordPress tema herhangi bir değişiklik yapmadan önce.
Temanıza yükleme 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, kategoriler.php vb.
Etiketin hemen ardından temanızda daha önce kopyaladığınız kısa kodu eklemeniz gerekir. endwhile;.
Kısa kodu bir tema dosyasına eklediğimiz için, bunu do_shortcode işlevine ş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 gönderi yükle" düğmesini çalışırken görmek için web sitenizi ziyaret edebilirsiniz.
Bu eğitim için bu kadar, umarım cihazınıza eşzamansız bir yükleme düğmesi eklemenize izin verir. WordPress blog.
