Comments on: Link separator for wp_list_pages() http://www.rarescosma.com/2010/02/link-separator-for-wp_list_pages/ www.rarescosma.com | Hardboiled Frontend & WordPress Developer Wed, 28 Dec 2011 11:31:11 +0000 hourly 1 http://wordpress.org/?v=3.3 By: Marcus http://www.rarescosma.com/2010/02/link-separator-for-wp_list_pages/#comment-1377 Marcus Thu, 01 Dec 2011 20:40:09 +0000 http://www.rarescosma.com/?p=143#comment-1377 Worked perfectly. Thanks a million! Worked perfectly. Thanks a million!

]]> By: David Cunniffe http://www.rarescosma.com/2010/02/link-separator-for-wp_list_pages/#comment-1062 David Cunniffe Fri, 07 Oct 2011 22:49:31 +0000 http://www.rarescosma.com/?p=143#comment-1062 Great, Thanks. That did the trick. Great, Thanks. That did the trick.

]]> By: Rares http://www.rarescosma.com/2010/02/link-separator-for-wp_list_pages/#comment-1061 Rares Fri, 07 Oct 2011 16:02:56 +0000 http://www.rarescosma.com/?p=143#comment-1061 David, You could try to replace the <code>wp_list_pages()</code> call with <code>wp_page_menu()</code>. Then you can pass in the <code>'show_home' => 1</code> parameter (add it to the <code>$args</code> array). David,

You could try to replace the wp_list_pages() call with wp_page_menu(). Then you can pass in the 'show_home' => 1 parameter (add it to the $args array).

]]> By: David Cunniffe http://www.rarescosma.com/2010/02/link-separator-for-wp_list_pages/#comment-1060 David Cunniffe Fri, 07 Oct 2011 15:53:55 +0000 http://www.rarescosma.com/?p=143#comment-1060 Cool. I had spent ages trying to figure that out. Just one question. How do I include a link to the home page? Cool. I had spent ages trying to figure that out. Just one question. How do I include a link to the home page?

]]> By: Matt http://www.rarescosma.com/2010/02/link-separator-for-wp_list_pages/#comment-999 Matt Fri, 16 Sep 2011 19:16:35 +0000 http://www.rarescosma.com/?p=143#comment-999 preg_replace is expensive and you should always try to do the code right from the sever if possible and not just fix it using jQuery. The best way is looping through get_pages(). You can then format it any way you want. <pre class="brush:php"> $pages = get_pages( array('parent' => 0, 'sort_column' => 'menu_order, post_title') ); for ($x = 0; $x < count($pages); $x++) { if ($x != 0) echo " | "; echo "<a href='" . get_permalink( $pages[$x]->ID ) . ">" . $pages[$x]->post_title . "</a>"; } </pre> preg_replace is expensive and you should always try to do the code right from the sever if possible and not just fix it using jQuery. The best way is looping through get_pages(). You can then format it any way you want. 

$pages = get_pages( array('parent' => 0, 'sort_column' => 'menu_order, post_title') );
for ($x = 0; $x < count($pages); $x++) {
    if ($x != 0)
        echo " | ";
    echo "<a href='" . get_permalink( $pages[$x]->ID ) . ">" . $pages[$x]->post_title . "</a>";
}
]]> By: Link separators for wp_list_pages() code snippet | WebDino.net http://www.rarescosma.com/2010/02/link-separator-for-wp_list_pages/#comment-567 Link separators for wp_list_pages() code snippet | WebDino.net Wed, 25 May 2011 01:19:01 +0000 http://www.rarescosma.com/?p=143#comment-567 [...] note: I got this code from Rares Comes (very nice lavalamp menu [...] [...] note: I got this code from Rares Comes (very nice lavalamp menu [...]

]]> By: Rares http://www.rarescosma.com/2010/02/link-separator-for-wp_list_pages/#comment-150 Rares Tue, 14 Dec 2010 14:42:55 +0000 http://www.rarescosma.com/?p=143#comment-150 You're welcome. ;-) #1: Did you take a look at the source code of the page to confirm the right position of the separators? #2: This sounds more like a styling problem. Can you provide me with a link to the site in question? You’re welcome. ;-)

#1: Did you take a look at the source code of the page to confirm the right position of the separators?
#2: This sounds more like a styling problem. Can you provide me with a link to the site in question?

]]> By: Chris Boggs http://www.rarescosma.com/2010/02/link-separator-for-wp_list_pages/#comment-149 Chris Boggs Mon, 13 Dec 2010 17:43:12 +0000 http://www.rarescosma.com/?p=143#comment-149 Thanks for sharing this code, I appreciate it. I have a question or two. I implemented the PHP version (not the js) and it works but with two problems: 1. The seperators come before each nav li, not after, so there is a "|" before the first nav element and not one before the last. How do I alter this output? 2. The "|" seperators are showing up 30 to 40 pixels BELOW the menu items, as if they are on a seperate line. How do I control their placement? Any suggestions would be greatly appreciated and, once again, thanks for posting this solution. Thanks for sharing this code, I appreciate it. I have a question or two. I implemented the PHP version (not the js) and it works but with two problems:
1. The seperators come before each nav li, not after, so there is a “|” before the first nav element and not one before the last. How do I alter this output?
2. The “|” seperators are showing up 30 to 40 pixels BELOW the menu items, as if they are on a seperate line. How do I control their placement?

Any suggestions would be greatly appreciated and, once again, thanks for posting this solution.

]]> By: Bizim Oyun Sitesi http://www.rarescosma.com/2010/02/link-separator-for-wp_list_pages/#comment-25 Bizim Oyun Sitesi Thu, 03 Jun 2010 10:58:00 +0000 http://www.rarescosma.com/?p=143#comment-25 I will use this solution at my site. thank you. I will use this solution at my site. thank you.

]]> By: Capn My Way http://www.rarescosma.com/2010/02/link-separator-for-wp_list_pages/#comment-24 Capn My Way Wed, 02 Jun 2010 15:37:40 +0000 http://www.rarescosma.com/?p=143#comment-24 Thanks! I just didnt understand that code went inside the <?php tag. Works like a charm! Thanks! I just didnt understand that code went inside the <?php tag.

Works like a charm!

]]> By: Rares http://www.rarescosma.com/2010/02/link-separator-for-wp_list_pages/#comment-23 Rares Wed, 02 Jun 2010 11:31:06 +0000 http://www.rarescosma.com/?p=143#comment-23 Wherever you output the navigation code in your templates. This article assumes you're building the nav menu with the <code>wp_list_pages()</code> function. You have to find out where this function is called. (most probably <code>header.php</code>) There's an alternative solution to this problem, if you don't mind a little bit of client side processing (jQuery). If the nav menu list element has an id of <code>#nav</code>: <pre class="brush:jscript"> $(document).ready(function(){ $("ul#nav li:not(:last-child)").append(" | "); }); </pre> Wherever you output the navigation code in your templates.
This article assumes you’re building the nav menu with the wp_list_pages() function.
You have to find out where this function is called. (most probably header.php)

There’s an alternative solution to this problem, if you don’t mind a little bit of client side processing (jQuery).
If the nav menu list element has an id of #nav:

$(document).ready(function(){
	$("ul#nav li:not(:last-child)").append(" | ");
});
]]> By: Capn My Way http://www.rarescosma.com/2010/02/link-separator-for-wp_list_pages/#comment-21 Capn My Way Tue, 01 Jun 2010 20:41:21 +0000 http://www.rarescosma.com/?p=143#comment-21 One question: Where does this code go? (Meaning, where do I paste it?) Thanks for the code, and the explanation! One question: Where does this code go? (Meaning, where do I paste it?)

Thanks for the code, and the explanation!

]]> By: Notable Tech Posts – 2010.04.18 | The Life of Lew Ayotte http://www.rarescosma.com/2010/02/link-separator-for-wp_list_pages/#comment-14 Notable Tech Posts – 2010.04.18 | The Life of Lew Ayotte Mon, 19 Apr 2010 04:02:12 +0000 http://www.rarescosma.com/?p=143#comment-14 [...] Link separator for wp_list_pages [...] [...] Link separator for wp_list_pages [...]

]]>