WordPress.org

1. eonlova
   Member
   Posted 1 year ago #

   Have a problem with that show children and grandchildren in different blocks, but can not find any good way to do this. Is there a good way for this. All I come up with is that the main menu and its children in different blocks. But the grandchildren are nested.

   Here's how it looks:
   

   <ul class="menu top_level">
   	<li>Parent 1</li>
   	<li>Parent 2</li>
   	<li>Parent 3</li>
   	<li>Parent 4</li>
   	<li>Parent 5</li>
   	<li>Parent 6</li>
   </ul>
   
   <ul class="menu subpages">
   	<li>Child 1</li>
           <li class="current_page_item">Child 2
                 <ul class="children">
   	        <li class="page_item">Grandchild</li>
                 </ul>
           </li>
   	<li>Child 3</li>
   </ul>

   And I want it like this:
   

   <ul class="menu top_level">
   	<li>Parent 1</li>
   	<li>Parent 2</li>
   	<li>Parent 3</li>
   	<li>Parent 4</li>
   	<li>Parent 5</li>
   	<li>Parent 6</li>
   </ul>
   
   <ul class="menu subpages">
   	<li>Child 1</li>
           <li class="current_page_item">Child 2</li>
   	<li>Child 3</li>
   </ul>
   
   <ul class="children">
   	<li class="page_item">Grandchild</li>
   </ul>

   Is this possible?

2. richarduk
   Member
   Posted 1 year ago #

   The closest you're going to get is probably this:

   <ul>
   <?php wp_list_pages('title_li=&depth=1');?>  Show only top level pages
   </ul>
   
   <ul>
   <?php wp_list_pages('title_li=&child_of=2');?> Show only childen of Page 2
   </ul>
   
   <ul>
   <?php wp_list_pages('title_li=&child_of=3');?> Show only childen of Page 3
   </ul>

   First, show only the top level pages.

   Then show the children of the Page with an ID of 2

   Then show the children of the Page with an ID of 3

   I don't know how your Pages are currently arranged (hierarchy-wise) but it might be a case of 'faking it' a bit by creating subpages of ID2 that you know in your mind are child Pages, and subpages of ID3 that you know in your mind are grandchild Pages.

3. alchymyth
   The Sweeper
   Posted 1 year ago #

   the question is generally very complex, as each page could have several child-pages, which in turn could have several child-pages themselves (the grandchildren) - making the whole system a tree like feature;

   in the first step you would need to list the top parent pages;
   then foreach of the top parent pages the child pages;
   then foreach of the child pages their children (i.e. grandchildren of the top parents).

   a bit like @richarduk's idea - just dynamic.

   here is a hack http://wordpress.pastebin.com/tEUkqBXT which does this using a lot of string magic with wp_list_pages() - and separates the pages in three arrays with 'parents' childs' 'grandchilds'
   keeping the css classes and list structure of the original wp_list_pages

   ps: my html output is different from your idea; but that is in the last 9 lines of the code and easy to tweak.

4. eonlova
   Member
   Posted 1 year ago #

   hmm maby I do it wrong but I can't see the menu with that script. Or do I have to add something to it.

5. alchymyth
   The Sweeper
   Posted 1 year ago #

   that script is a function and goes into functions.php of the theme;

   in your file where you want to see the output, you need to call the function with this line:

   <?php page_generation_lists(); ?>

Topic Closed

This topic has been closed to new replies.