Comments on: WordPress: Style Top Level Pages Differently http://www.htmlcenter.com/blog/wordpress-style-top-level-pages-differently/ Web Development Help and Tutorials Sun, 05 Feb 2012 17:25:31 +0000 hourly 1 http://wordpress.org/?v= By: Get Information About Top-Level Pages in WordPress http://www.htmlcenter.com/blog/wordpress-style-top-level-pages-differently/#comment-15335 Get Information About Top-Level Pages in WordPress Tue, 05 Oct 2010 22:58:25 +0000 http://www.htmlcenter.com/?p=1443#comment-15335 [...] a week ago, someone commented on my post about styling top-level pages differently in WordPress, asking how to get the slug for a top-level page while one of its descendant pages is being [...] [...] a week ago, someone commented on my post about styling top-level pages differently in WordPress, asking how to get the slug for a top-level page while one of its descendant pages is being [...]

]]> By: Curtiss http://www.htmlcenter.com/blog/wordpress-style-top-level-pages-differently/#comment-15163 Curtiss Mon, 27 Sep 2010 12:54:19 +0000 http://www.htmlcenter.com/?p=1443#comment-15163 David - I'm actually getting ready to do something extremely similar for a site on which I'm working (I actually need to retrieve and display the full title of the top-level parent page, but it will be an extremely similar process). I'll be sure to post a new article about doing that once I get the functions written and working later this week. Thanks. David – I’m actually getting ready to do something extremely similar for a site on which I’m working (I actually need to retrieve and display the full title of the top-level parent page, but it will be an extremely similar process). I’ll be sure to post a new article about doing that once I get the functions written and working later this week. Thanks.

]]> By: David http://www.htmlcenter.com/blog/wordpress-style-top-level-pages-differently/#comment-15074 David Fri, 24 Sep 2010 05:54:06 +0000 http://www.htmlcenter.com/?p=1443#comment-15074 I'm looking for a way to return the Top Level Page's Slug from any page your on. So far your code here is the closest I've found. Good Job too! I’m looking for a way to return the Top Level Page’s Slug from any page your on. So far your code here is the closest I’ve found. Good Job too!

]]> By: Curtiss http://www.htmlcenter.com/blog/wordpress-style-top-level-pages-differently/#comment-12725 Curtiss Thu, 20 May 2010 01:13:51 +0000 http://www.htmlcenter.com/?p=1443#comment-12725 To begin with, copy the two functions I provided in the post above into your theme's functions.php file. Then, you would use code similar to: <pre><code> <?php if(!has_children()) { ?> <a href="$page_link" title="$title" rel="nofollow">$link_text</a> <?php } else { ?> <a href="$page_link" title="$title" rel="nofollow">$link_text <!--[if gte IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> ($child_page markup) <!--[if lte IE 6]></td></tr></table></a><![endif]--> <?php } ?> <?php if(is_child() && !has_children()) { ?> <a href="$page_link" title="$title" rel="nofollow">$link_text</a> <?php } elseif(is_child() && has_children()) { ?> <a href=" $page_link" title="$title" rel="nofollow">$link_text <!--[if gte IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> ($child_page markup) <!--[if lte IE 6]></td></tr></table></a><![endif]--> <?php } ?> </code></pre> There's probably a simpler way to do it, and it's possible I've slightly misunderstood your request, but that should at least get you started. To begin with, copy the two functions I provided in the post above into your theme’s functions.php file.

Then, you would use code similar to:


<?php if(!has_children()) { ?>
<a href="$page_link" title="$title" rel="nofollow">$link_text</a>
<?php } else { ?>
<a href="$page_link" title="$title" rel="nofollow">$link_text
<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
($child_page markup)
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
<?php } ?>
<?php if(is_child() && !has_children()) { ?>
<a href="$page_link" title="$title" rel="nofollow">$link_text</a>
<?php } elseif(is_child() && has_children()) { ?>
<a href=" $page_link" title="$title" rel="nofollow">$link_text
<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
($child_page markup)
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
<?php } ?>

There’s probably a simpler way to do it, and it’s possible I’ve slightly misunderstood your request, but that should at least get you started.

]]> By: Leo http://www.htmlcenter.com/blog/wordpress-style-top-level-pages-differently/#comment-12719 Leo Wed, 19 May 2010 06:29:37 +0000 http://www.htmlcenter.com/?p=1443#comment-12719 Hey, I have come across this post and was wondering if you could possibly help me. I am not a php guru but am trying to achieve something which is along similar lines to what you have posted here. I am wanting to build a menu for my site which outputs different markup to the wp_list_pages function. instead of the usual unordered list markup output i would like to output: instead of the usual unordered list markup output i would like to output: <code>//this markup for each parent page that has no children <a href="$page_link" title="$title" rel="nofollow">$link_text</a> //this markup for each parent page with children <a href="$page_link" title="$title" rel="nofollow">$link_text <!--[if gte IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> ($child_page markup) <!--[if lte IE 6]></td></tr></table></a><![endif]--> //this markup for each child page and has no children <a href="$page_link" title="$title" rel="nofollow">$link_text</a> //this markup for each child page with children <a href=" $page_link" title="$title" rel="nofollow">$link_text <!--[if gte IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> ($child_page markup) <!--[if lte IE 6]></td></tr></table></a><![endif]--></code> But I have no idea how to go about writing some code to achieve this (at the moment I have achieved this by constructing the menu in plain old static html however ideally i would like this to be dynamic so that it updates automatically without me needing to write the html everytime I add a new page. I have thought about using preg_replace with the wp_list_pages function. Any ideas or help would be greatly appreciated! Hey,
I have come across this post and was wondering if you could possibly help me. I am not a php guru but am trying to achieve something which is along similar lines to what you have posted here.
I am wanting to build a menu for my site which outputs different markup to the wp_list_pages function.

instead of the usual unordered list markup output i would like to output:

instead of the usual unordered list markup output i would like to output:
//this markup for each parent page that has no children

<a href="$page_link" title="$title" rel="nofollow">$link_text</a>
//this markup for each parent page with children
<a href="$page_link" title="$title" rel="nofollow">$link_text
<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
($child_page markup)
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
//this markup for each child page and has no children
<a href="$page_link" title="$title" rel="nofollow">$link_text</a>
//this markup for each child page with children
<a href=" $page_link" title="$title" rel="nofollow">$link_text
<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
($child_page markup)
<!--[if lte IE 6]></td></tr></table></a><![endif]-->

But I have no idea how to go about writing some code to achieve this (at the moment I have achieved this by constructing the menu in plain old static html however ideally i would like this to be dynamic so that it updates automatically without me needing to write the html everytime I add a new page.
I have thought about using preg_replace with the wp_list_pages function. Any ideas or help would be greatly appreciated!

]]>