Wordpress - footer navigation code

Discussion in 'HTML & Website Design' started by jj1, Jul 27, 2010.

  1. #1
    Hi all

    I'm currently struggling through my first Wordpress web design.

    Does anyone have any code (presumably for both footer.php and style.css files?) that they wouldn't mind sharing for adding footer navigation? It doesn't have to be anything fancy - just a row of page titles which, when clicked on, take you to appropriate pages. Drop down menus would probably be better but not essential.

    This is something I can do really easily in Expression but in Wordpress it's not so intuitive.

    Many thanks to anyone who can help.
     
    jj1, Jul 27, 2010 IP
  2. RevenueHook.com

    RevenueHook.com Peon

    Messages:
    24
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    While I don't have the exact code ATM, a quick Google search for "custom menu widget" for Wordpress 3 should give you the code you require. Basically, you'll have to add a couple lines of code to your theme's functions.php and also the footer.php. Then, from the admin panel, under "Appearance" you should see "menus". Create a new one, with the required pages. Then go to "Widgets", and drag the custom menu widget to the new "footer widget" placeholder. Select the new menu you just created and you're done.
     
    RevenueHook.com, Jul 27, 2010 IP
  3. Omar Jutt

    Omar Jutt Guest

    Messages:
    4
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Hello jj1, how are you?

    I'll tell you how to add 3 columns in your wordpress theme footer. First you have to register the sidebars in your wordpress theme.

    Open function.php (wordpress admin>appearance>editor>function.php)

    Search for the line:

    below this line you will find another line somewhat like this (depending on the number of sidebars you have):

    or
    If you have one sidebar in your theme and you want 3 more sidebars (which are to be placed in the footer) than you have to replace that line with this one:

    THis will register 4 sidebars.

    Now open footer.php (wordpress admin>appearance>editor>footer.php)

    place this code just above the footer division

    Now open your css file and add this

    customize the css as your theme requirements. Now go to your widgets (appearance>widgets) you will see 3 footer widgtized areas. Now place here what you like. Enjoy :)

    Take a look at my blog's footer. Visit chasingeyes[dot]com
     
    Omar Jutt, Jul 27, 2010 IP
  4. jj1

    jj1 Active Member

    Messages:
    892
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    60
    #4
    Many thanks both. I've just spent the morning scanning the internet and experimenting and have finally managed to get footer navigation displayed horizontally just witht he simple code in footer.php
    and the following in style.css
    Works fine except long menu items can split over two lines - it's a variable list so can't put a hard-coded break in.

    Does anyone know how to keep menu items from splitting over two lines when the list of pages in the menu can change?
     
    jj1, Jul 28, 2010 IP
  5. shopon

    shopon Member

    Messages:
    68
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #5
    Take a look at my blog's footer.
     
    shopon, Jul 28, 2010 IP
  6. Omar Jutt

    Omar Jutt Guest

    Messages:
    4
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #6
    @shopon it looks like your blog's server is down!
     
    Omar Jutt, Jul 28, 2010 IP
  7. Omar Jutt

    Omar Jutt Guest

    Messages:
    4
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #7
    its ok now :)
     
    Omar Jutt, Jul 28, 2010 IP