wordpresstr
Administrator
- 125
- 13 Kas 2020
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 .
Etkinleştirmenin ardından eklenti, WordPress yönetici menünüze 'Ajax Daha Fazla Yükle' etiketli yeni bir menü öğesi ekleyecektir. Tıklamanız ve eklentinin ayarlar sayfasına gitmeniz gerekir.
Ayarlar sayfasında, düğmenizin rengini seçebilirsiniz. Ayrıca düğmeyi, kullanıcılar düğmeyi tıklatmadan sonraki gönderileri otomatik olarak yükleyen sonsuz kaydırmayla değiştirebilirsiniz.
Ardından, gönderileri görüntülemek üzere şablonunuzu eklemek için Ajax Daha Fazla Yükle »Tekrarlayıcı Şablon sayfasını ziyaret etmeniz gerekir .
Eklenti, yayınları görüntülemek için WordPress döngüsünü içeren temel bir şablonla birlikte gelir . Ancak, temanızla eşleşmiyor ve web sitenizde uygunsuz görünebilir.
Bunu düzeltmek için temanızın indeks, 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. 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 arayacaksınız. Demo temamızın content.php dosyasından bir örnek:
Bu kodu bulduğunuzda, eklenti ayarlarında Tekrarlayıcı Şablonları alanına yapıştırmanız gerekir.
Ayarlarınızı kaydetmek için 'Şablonu Kaydet' düğmesine tıklamayı unutmayın.
Daha sonra, kısa kodu oluşturmak için Ajax Daha Fazla Yükle »Shortcode Builder sayfasını ziyaret etmeniz gerekir .
Bu sayfa, özelleştirebileceğiniz birçok farklı seçenek içerir. Öncelikle konteyner tipini seçmeniz gerekecek. Emin değilseniz, daha önce kopyaladığınız şablona bakın. Modern temaların çoğu <div>; öğesi.
Bundan sonra düğme etiketleri bölümüne gidin. Burada düğmede görünen metni değiştirebilirsiniz. Eklenti varsayılan olarak 'Eski Yazılar'ı kullanır ve bunu' Daha fazla gönderi 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üğmesini tıklamasını mı beklemeyi seçmeniz gerekir.
Kısa kodunuz artık kullanıma hazırdır. Sağ sütunda, kısa kod çıktısını göreceksiniz. Devam edin ve kısa kodu kopyalayın ve sonraki adımda ihtiyacınız olacağı için bir metin düzenleyicisine yapıştırın.
Yapmanız gereken ilk şey, Ajax Load More eklentisini yüklemek ve etkinleştirmektir .
Etkinleştirmenin ardından eklenti, WordPress yönetici menünüze 'Ajax Daha Fazla Yükle' etiketli yeni bir menü öğesi ekleyecektir. Tıklamanız ve eklentinin ayarlar sayfasına gitmeniz gerekir.
Ayarlar sayfasında, düğmenizin rengini seçebilirsiniz. Ayrıca düğmeyi, kullanıcılar düğmeyi tıklatmadan sonraki gönderileri otomatik olarak yükleyen sonsuz kaydırmayla değiştirebilirsiniz.
Ardından, gönderileri görüntülemek üzere şablonunuzu eklemek için Ajax Daha Fazla Yükle »Tekrarlayıcı Şablon sayfasını ziyaret etmeniz gerekir .
Eklenti, yayınları görüntülemek için WordPress döngüsünü içeren temel bir şablonla birlikte gelir . Ancak, temanızla eşleşmiyor ve web sitenizde uygunsuz görünebilir.
Bunu düzeltmek için temanızın indeks, 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. 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 arayacaksınız. Demo temamızın content.php dosyasından bir örnek:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 | <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-## --> |
Ayarlarınızı kaydetmek için 'Şablonu Kaydet' düğmesine tıklamayı unutmayın.
Daha sonra, kısa kodu oluşturmak için Ajax Daha Fazla Yükle »Shortcode Builder sayfasını ziyaret etmeniz gerekir .
Bu sayfa, özelleştirebileceğiniz birçok farklı seçenek içerir. Öncelikle konteyner tipini seçmeniz gerekecek. Emin değilseniz, daha önce kopyaladığınız şablona bakın. Modern temaların çoğu <div>; öğesi.
Bundan sonra düğme etiketleri bölümüne gidin. Burada düğmede görünen metni değiştirebilirsiniz. Eklenti varsayılan olarak 'Eski Yazılar'ı kullanır ve bunu' Daha fazla gönderi 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üğmesini tıklamasını mı beklemeyi seçmeniz gerekir.
Kısa kodunuz artık kullanıma hazırdır. Sağ sütunda, kısa kod çıktısını göreceksiniz. Devam edin ve kısa kodu kopyalayın ve sonraki adımda ihtiyacınız olacağı için bir metin düzenleyicisine yapıştırın.