WordPress.org

1. alanwho
   Member
   Posted 3 years ago #

   Hi

   I notice on this site at:

   http://wordpress.org/about/

   The sidebar presents a list of subpages AND the parent page (see the "Intro" item in the sidebar list).

   I have checked the codex (http://codex.wordpress.org/Template_Tags/wp_list_pages) in relation to sub-pages and it has provided me code to display a list of subpages:
   

   <?php
   if($post->post_parent)
   $children = wp_list_pages("title_li=&child_of=".$post->post_parent."&echo=0");
   else
   $children = wp_list_pages("title_li=&child_of=".$post->ID."&echo=0");
   if ($children) { ?>
   <ul>
   <?php echo $children; ?>
   </ul>
   <?php } ?>

   But this code only displays the sub-pages of a particular page parent.

   So to recap. I would love to be able to have a sidebar on pages that lists sub-pages AND the page parent in the same list - similar to the way navigation works on http://wordpress.org/about/

   What do I need to do to make this happen?

2. supervee
   Member
   Posted 3 years ago #

   Hi, did you ever figure this out? I'm looking for the answer as well.

3. inspirationbit
   Member
   Posted 3 years ago #

   Hi there,
   after a couple hours of searches, trials and errors, I found the solution. Here's the code:

   <?php
   
   /* if the current pages has a parent, i.e. we are on a subpage */
   if($post->post_parent){
       $parent_title = get_the_title($post->post_parent);
       //$children = wp_list_pages("title_li=&include=".$post->post_parent."&echo=0"); // list the parent page
       $children = wp_list_pages("title_li=&child_of=".$post->post_parent."&echo=0"); // append the list of children pages to the same $children variable
   }
   
   /* else if the current page does not have a parent, i.e. this is a top level page */
   else {
       $parent_title = get_the_title($post->ID);
       //$children = wp_list_pages("title_li=&include=".$post->ID."&echo=0");
       $children = wp_list_pages("title_li=&child_of=".$post->ID."&echo=0"); // form a list of the children of the current page
   }
   
   /* if we ended up with any pages from the queries above */
   if ($parent_title) { ?>
       <h2><?php echo $parent_title; ?></h2>
   <?php } 
   
   if ($children) { ?>
       <ul class="submenu">
           <?php echo $children; /*print list of pages*/ ?>
       </ul>
   <?php } ?>

4. geoken
   Member
   Posted 3 years ago #

   I spent a while playing with this as well. The above post got me halfway there but I wanted it to act exactly like the page in the first post (link needs to be in the submenu's UL and it needs to be an actual link and not just a heading).

   Here's the code I got. The link is clickable and it applies the current_page_item class to itself if it's the currently selected page (that way whatever CSS you're using for indicating the currently selected page will extend to this).

   I'm note sure how to insert the ampersand without them getting formatted so you'll need to go through this code block and change them over if you're just cutting and pasting
   

   <?php
   if($post->post_parent){
    $id = $post->post_parent;
    $parent_title = get_the_title($post->post_parent);
    $parent_link = get_permalink($id);
    $children = wp_list_pages("title_li=&amp;child_of=".$post->post_parent."&amp;echo=0");
    $cls = "";
   }else{
    $id = $post->ID;
    $parent_link = get_permalink($id);
    $parent_title = get_the_title($post->ID);
    $children = wp_list_pages("title_li=$child_of=".$post->ID."$echo=0");
    $cls = "current_page_item";
   					}
   
   if ($children) { ?>
    <ul>
     <li class="<?php echo $cls ?>">
      <a href="<?php echo $parent_link ?>"><?php echo $parent_title; ?></a>
    </li>
    <?php echo $children; ?>
    </ul>
   <?php } ?>

5. staceyk18
   Member
   Posted 2 years ago #

   Hey!

   I am trying this on a site i am building and it works great with inspirationbit's code.

   What I am wanting to do though, is have it so it only shows the 3 level pages when in the 2 level. Any ideas how id do this?

   That may not make sense.... So I will show it below :)

   This is how it would show on parent and child pages.

   Page1
   -Child Page 1
   -Child Page 2
   -Child Page 3

   Page2
   -Child Page 1
   -Child Page 2
   -Child Page 3

   This is Id like it to show on the Child page if it has pages under it

   Page1
   -Child Page 1 (ON THIS PAGE)
   --Grandchild 1
   --Grandchild 2
   --Grandchild 3
   -Child Page 2
   -Child Page 3

   Page2
   -Child Page 1
   -Child Page 2
   -Child Page 3

   Help would be great!!!!!

   Stace

6. riho
   Member
   Posted 2 years ago #

   Hi Stace,

   don't really understand what you would like to achieve... but maybe this will help: add "depth=1" to wp_list_pages' attributes in inspirationbit's code. It will look like this:

   <?php
   
   /* if the current pages has a parent, i.e. we are on a subpage */
   if($post->post_parent){
       $parent_title = get_the_title($post->post_parent);
       //$children = wp_list_pages("title_li=&include=".$post->post_parent."&echo=0"); // list the parent page
       $children = wp_list_pages("depth=1&title_li=&child_of=".$post->post_parent."&echo=0"); // append the list of children pages to the same $children variable
   }
   
   /* else if the current page does not have a parent, i.e. this is a top level page */
   else {
       $parent_title = get_the_title($post->ID);
       //$children = wp_list_pages("title_li=&include=".$post->ID."&echo=0");
       $children = wp_list_pages("depth=1&title_li=&child_of=".$post->ID."&echo=0"); // form a list of the children of the current page
   }
   
   /* if we ended up with any pages from the queries above */
   if ($parent_title) { ?>
       <h2><?php echo $parent_title; ?></h2>
   <?php } 
   
   if ($children) { ?>
       <ul class="submenu">
           <?php echo $children; /*print list of pages*/ ?>
       </ul>
   <?php } ?>

7. lauras_2009
   Member
   Posted 2 years ago #

   geoken's code is *mostly* working for me but ...

   When I click on the parent item, which now is a link, I'm getting the ID number of the parent page, and then a complete list of *all the pages* on the site, instead of just in this section.

   This is what I'm seeing (except that here, you see bullets, but in my results page, the only bulleted item is the first one with the ID number) (see below):

   I copied geoken's code exactly, but with the ampersands turned back into ampersands.

   =29=0

   * About JCDS
   o Welcome from the Head of School
   o Our Mission
   o Leadership
   o Accreditations
   o Location and directions
   o Contact Us
   * Academics
   o Academic Excellence
   o Lower School
   o Middle School
   o After school program
   o Support services
   * Admissions
   o Welcome!
   o Application process
   o Flexible Tuition
   o Download forms
   * Contact Information
   * Culture of the School
   o Walk through our doors
   o Israeli culture
   o Va’ad Horim / Parent Association
   o Our Graduates
   * Jewish Life
   o Welcome from Rabbi
   o Intentional Pluralism
   o Haggim / Holidays
   o T’fillah / Prayer
   o Milestone Celebrations
   * Support JCDS

   Thanks for any help!!

   Laura S.

Topic Closed

This topic has been closed to new replies.