cara menampilkan daftar halaman anak untuk halaman induk di WordPress

Baru-baru ini salah satu pengguna kami bertanya kepada kami bagaimana menampilkan halaman anak dari Halaman WordPress? Seringkali saat mengerjakan situs yang memiliki halaman dengan halaman anak, Anda mungkin ingin menampilkan halaman anak-anak tersebut di halaman induk di widget sidebar atau lokasi lain di template Anda. Pada artikel ini, kami akan menunjukkan cara menampilkan daftar halaman anak untuk halaman induk di WordPress.

Untuk melihat contoh daftar halaman anak di halaman induk, lihat gambar di bawah yang ada di halaman OptinMonster's How it Works.


Sebelum kita mulai, bagi mereka yang tidak mengenal Child Pages, silakan lihat panduan kami mengenai perbedaan antara Posts dan Pages di WordPress. Salah satu fitur penting dari halaman adalah bahwa mereka dapat bersifat hirarkis. Ini berarti halaman bisa menjadi halaman induk dan memiliki halaman anak (misalnya sub-halaman) di bawahnya. 

Ini memungkinkan Anda mengelompokkan halaman yang berbeda bersama di bawah satu halaman induk. Misalnya, jika Anda memiliki Halaman Produk di situs web, Anda dapat menambahkan halaman seperti Fitur, Harga, dan Dukungan sebagai halaman anak. Setiap halaman anak dapat memiliki halaman anak sendiri juga.

Untuk membuat halaman anak, buat atau edit halaman di WordPress seperti biasanya. Di bawah kotak metadata Halaman Atribut, pilih halaman induk dari menu drop-down.


Catatan: Jika Anda tidak melihat menu Page Attributes, maka silakan klik pada tombol Screen Options di sudut kanan atas layar Anda. Ini akan menampilkan menu yang Anda perlukan untuk memastikan Atribut Halaman dicentang.

Menampilkan Halaman Anak di Halaman Orang Tua di WordPress
Untuk mencantumkan halaman anak di bawah halaman induk, Anda perlu menambahkan kode berikut di plugin khusus situs, atau di file functions.php tema Anda:
function wpb_list_child_pages() {

global $post;

if ( is_page() && $post->post_parent )

    $childpages = wp_list_pages( 'sort_column=menu_order&title_li=&child_of=' . $post->post_parent . '&echo=0' );
else
    $childpages = wp_list_pages( 'sort_column=menu_order&title_li=&child_of=' . $post->ID . '&echo=0' );

if ( $childpages ) {

    $string = '<ul>' . $childpages . '</ul>';
}

return $string;

}

add_shortcode('wpb_childpages', 'wpb_list_child_pages');
Kode di atas memeriksa dulu untuk melihat apakah sebuah halaman memiliki orang tua atau halaman itu sendiri adalah orang tua. Jika itu adalah halaman induk, maka akan menampilkan halaman anak yang terkait dengannya. Jika itu adalah halaman anak, maka akan menampilkan semua halaman anak lainnya dari halaman induknya. Terakhir, jika ini hanya halaman tanpa halaman anak atau orang tua, maka kodenya tidak akan melakukan apa-apa. Di baris terakhir kode, kami telah menambahkan kode pendek, sehingga Anda dapat dengan mudah menampilkan halaman anak tanpa memodifikasi template halaman Anda.

Untuk menampilkan halaman anak cukup tambahkan shortcode berikut di halaman atau widget teks di sidebar:
[wpb_childpages]
Dalam beberapa kasus, tema Anda mungkin tidak siap untuk mengeksekusi shortcode dalam widget teks. Jika tidak bekerja, maka lihat tutorial ini tentang cara menggunakan shortcodes di widget sidebar WordPress.

Halaman Anak yang Dinamis Menampilkan Tanpa Ada Kode Pendek
Menggunakan shortcode mudah dilakukan, namun masalah dengan menggunakan shortcode adalah Anda harus menambahkan shortcode di semua halaman yang memiliki halaman orang tua atau anak. Anda mungkin akhirnya memiliki kode pendek di banyak halaman, dan terkadang Anda bahkan lupa menambahkan shortcode.

Pendekatan yang lebih baik adalah dengan mengedit file template halaman dalam tema Anda, sehingga secara otomatis menampilkan halaman anak. Untuk melakukan itu Anda perlu mengedit template page.php utama atau membuat template halaman kustom dalam tema Anda.

Di file template halaman Anda, Anda perlu menambahkan baris kode ini di mana Anda ingin menampilkan halaman anak.
<? php wpb_list_child_pages (); ?>
Itu saja. Tema Anda sekarang akan secara otomatis mendeteksi halaman anak dan menampilkannya.
Jika Anda menggunakan halaman induk dengan banyak halaman anak yang memiliki halaman anak mereka sendiri, maka tampilan admin WordPress bisa membingungkan. Untuk cara yang lebih baik untuk mengatur orang tua dan halaman mencoba menggunakan tampilan kolom admin.

Kami berharap artikel ini membantu anda daftar halaman anak di WordPress. Beri tahu kami jika Anda memiliki pertanyaan atau umpan balik dengan memberikan komentar di bawah ini.



close