• Paul

    (@ptincknell)


    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 https://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!

Viewing 8 replies - 1 through 8 (of 8 total)
  • esmi

    (@esmi)

    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.

    3120s

    (@zialingua)

    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

    https://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;}
Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Plugin for a footer navigation menu’ is closed to new replies.