Footer page links

  • Hello Everybody, I am a newbie to WordPress. My query is I the Nest has my main theme I am using Twentyeleven has my child theme. I would like to create some pages and links in my footer such as “about us” “contact us” for example. Is it possible to do this using css? Or, would it require me going into my php footer for example? If yes, my knowledge of php is very limited so could please tell me how to insert the codes?
    Thank you

Viewing 4 replies - 1 through 4 (of 4 total)

  • look for the footer.php file.

    Since you using twenty ten theme you can register a footer menu in child theme functions.php create custom menu for your footer and then call it in your footer.php

    Thread Starter mduk

    (@mduk)

    Thanks Comediann and Govpatel for your replys. I will register a footer menu in my child theme. My question is because of my lack of knowledge in php can you tell me which code I need in footer php? And, what do I need to add in the code?

    You will need add this in your child theme functions.php

    // This theme uses wp_nav_menu() in one location.
    register_nav_menu( ‘footer’, __( ‘Footer Menu’, ‘twentyeleven’ ) );

    this will register the menu
    now create footer menu and add the pages you want in menu and save and select the menu on left in Footer Menu box and save

    now you need create style for the menu so add this in your child theme style.css you can style it as you wish this example code

    #footerMenu {
    border-top: 5px solid #E7E2EC;
    }

    #footerMenu li {
    text-align: justify;
    padding-left: 1em;
    padding-bottom: .4em;
    padding-right: 2em;
    padding-top: .4em;
    font-size: 12px;
    font-weight: bold;
    display: inline;
    text-decoration: none;
    font-style: normal;
    }

    #footerMenu ul {
    list-style: none;
    margin: 0 35px;
    padding: 0;
    }

    #footerMenu a:focus, a:active, {
    text-decoration: none;
    }

    #footerMenu a:hover {
    text-decoration: none;
    background-color: #999;
    color: #333;
    }

    and add this in footer.php

    <div id=”footerMenu”>
    <?php wp_nav_menu( array( ‘theme_location’ => ‘footer’ ) ); ?>
    </div>

    just after

    get_sidebar( ‘footer’ );
    ?>

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Footer page links’ is closed to new replies.