You don’t need a plugin. If you’re replicating your nav bar, why not just re-call get_sidebar() in footer.php?
Thread Starter
Paul
(@ptincknell)
Sorry I wasn’t clear in my request. I’m not looking to replicate my nav bar but to add a different styled one in the footer that looks like the one on the website example I mentioned (www.wholeworldwines.com). It looks something like this:
Home About Us News Purchase
Subpage Subpage Subpage Subpage
Subpage Subpage
I’m hoping that there is a plugin for this kind of navigational menu for the footer. Hope that is a more clear explanation.
Probably a good solution is to create another sidebar file, register it in the functions.php and call it in the footer of your wp theme.
Thread Starter
Paul
(@ptincknell)
Gonna try one more time. Not being a PHP wiz or expert in WordPress beyond simple template customizing, I’m looking for a pre-made, existing, no-coding-needed plugin that creates a footer nav site map like my examples above, e.g.,:
Home About Us News Purchase
Subpage Subpage Subpage Subpage
Subpage Subpage
Anybody know of/working on such a plugin?
Thread Starter
Paul
(@ptincknell)
Okay, I did it myself (to my own surprise). The solution is to embed:
<ul class="navmenu">
<li><?php wp_list_pages( 'title_li=' ); ?></li>
</ul>
in the footer, and then customize with the class “navmenu”:
ul.navmenu, .navmenu ul { list-style-type: none; display: inline; }
ul.navmenu { display: table; width: auto; table-layout: fixed; }
ul.navmenu>li { display: table-cell; width: auto; }
ul.navmenu li>ul { width: auto; }
Don’t know how backward compatible it is, but it works in the latest IE, FF, Chrome, Safari, and Opera.
hey Ptinkell, where does the class code go? and how do i get it customized to format across the screen – see below
http://highschoolalumninewsletter.com/
I’m working on one now, modeled after the one I manually created at painreliefnetwork.org. To add a sitemap to the footer.
Thanks. This helped me, but a couple improvements:
<ul class="navmenu">
<li><?php wp_list_pages( 'title_li=' ); ?></li>
</ul>
Doesn’t need the surrounding <li></li> as it creates an empty <li></li> – the PHP call creates the list item for you.
Should look like this instead:
<ul class="navmenu">
<?php wp_list_pages( 'title_li=' ); ?>
</ul>
Also, that table craziness in your CSS is prolly not necessary. Try this instead for simplified version:
ul.navmenu {margin:10px 0;overflow:hidden;}
ul.navmenu li {padding:0 30px 0 34px;list-style-type:none;display:inline;}
ul.navmenu li a,#footernav a:active,#footernav a:visited{color:#<strong>COLOR OF CHOICE</strong>;text-decoration:none;}
ul.navmenu li a:hover{text-decoration:underline;}
