If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Featured templates

WordPress. How to display a list of child pages for a parent page

Today you will learn how to display a list of child pages for a parent page in WordPress.

WordPress. How to display a list of child pages for a parent page

You should follow the steps below:

  1. Enter your cpanel/ftp and then follow this path: wp-content/themes/themeXXXXX/includes (you can also do that through admin panel, you need to open following menu: Appearence -> Editor), there you will find custom-function.php file where you need to add the following code:

    function my_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('my_childpages', 'my_list_child_pages');

    How to Display a List of Child Pages For a Parent Page in WordPress

  2. The above code first checks if a page has a parent or the page itself is a parent. If it is a parent page, then it displays the child pages associated with it. If it is a child page, then it displays all other child pages of its parent page. Lastly, if this is just a page with no child or parent page, then the code will simply do nothing. In the last line of the code we have added a shortcode, so you can easily display child pages without modifying your page templates. To display child pages, simply add the following shortcode in a page or text widget in the sidebar:

    [my_childpages]

    How to Display a List of Child Pages For a Parent Page in WordPress2

After re-loading the page you will be able to see the list of child pages. In case you need the detailed information, feel free to check the video version.

WordPress. How to display a list of child pages for a parent page