WordPress.org

Ready to get started?Download WordPress

Forums

Plugin for a footer navigation menu (9 posts)

  1. Paul
    Member
    Posted 4 years ago #

    I've been noticing a trend in footer navigation menus where the site nav is replicated with top nav link/button names in a row across the footer with the child pages for each top nav listed below them in columns. A good example is found on http://www.wholeworldwines.com - but I know that is built out in Joomla. I've searched the plugin repository for footer menu, footer navigation, footer links, and footer navigational menu but nothing like that comes up. Anyone know of a plugin for this function? Or like to create one? Thanks in advance for any leads, suggestions, or plugin made!

  2. esmi
    Theme Diva & Forum Moderator
    Posted 4 years ago #

    You don't need a plugin. If you're replicating your nav bar, why not just re-call get_sidebar() in footer.php?

  3. Paul
    Member
    Posted 4 years ago #

    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.

  4. zialingua
    Member
    Posted 4 years ago #

    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.

  5. Paul
    Member
    Posted 4 years ago #

    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?

  6. Paul
    Member
    Posted 4 years ago #

    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.

  7. dgerson
    Member
    Posted 4 years ago #

    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/

  8. Treblamah
    Member
    Posted 4 years ago #

    I'm working on one now, modeled after the one I manually created at painreliefnetwork.org. To add a sitemap to the footer.

  9. charvan
    Member
    Posted 3 years ago #

    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;}

Topic Closed

This topic has been closed to new replies.

About this Topic