Cara Menambahkan Tombol Postingan Lebih Banyak di WordPress

Apakah Anda ingin menambahkan tombol muat lebih banyak tulisan di WordPress? Banyak platform populer memungkinkan pengguna memuat lebih banyak pos ketika mereka mencapai bagian bawah halaman. Pada artikel ini, kami akan menunjukkan cara menambahkan tombol muat dengan mudah di WordPress.


Kapan dan Mengapa Add Load More Posts Button di WordPress
Menjaga agar pengguna Anda terlibat dengan konten membantu Anda mendapatkan lebih banyak penayangan dan pada akhirnya lebih banyak pelanggan.

Banyak blog menggunakan link navigasi 'Older posts' sederhana di akhir halaman rumah, blog, dan arsip mereka. Beberapa situs menggunakan navigasi halaman numerik yang menambahkan lebih banyak konteks.

Namun, ada beberapa jenis situs web yang bisa mendapatkan keuntungan dari gulir tak terbatas atau tombol muat lebih banyak pos. Beberapa contoh termasuk: situs fotografi , daftar, dan situs konten virus.

Alih-alih memuat halaman baru, tombol 'load more posts' bekerja seperti scroll tak terbatas. Ini menggunakan JavaScript untuk segera mengambil kumpulan konten berikutnya. Ini meningkatkan pengalaman pengguna dan memberi mereka kesempatan untuk melihat lebih banyak konten Anda.

Yang sedang berkata, mari kita lihat bagaimana dengan mudah menambahkan tombol posting beban lebih di situs WordPress Anda.

Menambahkan Tombol Load More Posts di WordPress
Hal pertama yang perlu Anda lakukan adalah menginstal dan mengaktifkan plugin Ajax Load More . Untuk lebih jelasnya, lihat panduan langkah demi langkah tentang cara memasang plugin WordPress .

Setelah aktivasi, plugin akan menambahkan item menu baru berlabel 'Ajax Load More' ke menu admin WordPress Anda. Anda perlu mengkliknya dan menuju ke halaman pengaturan plugin.

Pada halaman pengaturan, Anda bisa memilih warna tombol Anda. Anda juga bisa mengganti tombol dengan gulir tak terbatas yang memuat batch posting berikutnya secara otomatis tanpa pengguna mengklik tombolnya.

Selanjutnya, Anda perlu mengunjungi Ajax Load Lainnya » Halaman Template Repeater untuk menambahkan template Anda untuk menampilkan tulisan.

Plugin ini dilengkapi dengan template dasar yang berisi loop WordPress untuk menampilkan tulisan. Namun, itu tidak sesuai dengan tema Anda dan mungkin terlihat tidak pada tempatnya di situs Anda.

Untuk memperbaikinya, Anda perlu menyalin kode yang digunakan tema Anda untuk menampilkan tulisan di indeks, arsip, dan halaman blog.

Biasanya, kode ini terletak di folder template-bagian dari tema Anda. Di folder itu, Anda akan melihat template untuk menampilkan konten yang berbeda. Misalnya content-page.php, content-search.php, dan banyak lagi.

Anda akan mencari template generik content.php. Berikut adalah contoh dari file content.php tema demo kami:

<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-## -->

Setelah Anda menemukan kode itu, Anda perlu menempelkannya di dalam bidang Template Repeater di setelan plugin.

Jangan lupa klik pada tombol 'Save Template' untuk menyimpan setting anda.

Selanjutnya, Anda perlu mengunjungi halaman Ajax Load More » Shortcode Builder untuk menghasilkan shortcode .

Halaman ini berisi berbagai pilihan yang dapat Anda sesuaikan. Pertama, Anda harus memilih jenis wadah. Jika Anda tidak yakin, lihat saja template yang Anda salin tadi. Sebagian besar tema modern menggunakan <div>; elemen.

Setelah itu scroll ke bagian tombol label. Di sini Anda bisa mengubah teks yang muncul di tombol. Secara default, plugin menggunakan 'Older Posts', dan Anda dapat mengubahnya menjadi 'Load more posts' atau apapun yang Anda inginkan.

Terakhir, Anda harus memilih apakah Anda ingin memuat posting secara otomatis atau menunggu pengguna mengklik tombol muat lebih banyak.

Kode pendek Anda sekarang siap digunakan. Di kolom kanan, Anda akan melihat output shortcode. Silakan copy dan copy shortcode dan paste di editor teks seperti yang Anda butuhkan di langkah berikutnya.

Menambahkan Muat Lebih Banyak Posting di Theme WordPress Anda
Bagian tutorial ini mengharuskan Anda menambahkan kode ke file tema WordPress Anda. Jika Anda belum pernah melakukan ini sebelumnya, lihatlah panduan kami tentang cara menyalin dan menempelkan kode di WordPress .

Jangan lupa buat backup theme WordPress anda sebelum melakukan perubahan.

Anda perlu menemukan file template di mana Anda ingin menambahkan tombol muat lebih banyak tulisan di tema Anda. Bergantung pada bagaimana tema Anda diatur, biasanya file-file ini adalah index.php, archives.php, categories.php, dll.

Anda perlu menambahkan kode pendek yang Anda salin sebelumnya ke tema Anda tepat setelah endwhile;tag.

Karena kita menambahkan shortcode pada file tema, kita perlu menambahkannya ke dalam fungsi do_shortcode, seperti ini:

1
echo do_shortcode('[ajax_load_more container_type="div" post_type="post"]');            
Anda sekarang dapat menyimpan perubahan Anda dan mengunjungi situs Anda untuk melihat tombol 'Muatkan lebih banyak' tombol yang sedang berlangsung.

Kami harap artikel ini membantu Anda mempelajari cara menambahkan tombol muat lebih banyak tulisan di WordPress. Anda mungkin juga ingin melihat daftar mega tip, trik, dan hacks WordPress yang paling berguna untuk pemula.

Jika Anda menyukai artikel ini, maka silakan berlangganan ke tutorial video YouTube Channel untuk WordPress. Anda juga bisa menemukan kami di Twitter dan Facebook .
Aprie adalah sarana belajar tentang Teknologi yang lengkap secara online. Aprie juga menyediakan tempat Download Software, Tutorial, Download APK, Download Games, Android, Ubuntu, dll.

Berlangganan update artikel terbaru via email:

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel