Setting up your footer information

I’ve combined both the Footer links and the Footer information into one setup tutorial here because they are both simple to do. First thing you will want to do is to establish what kind of menu links you want to have in your footer area, so it’s best to do it on paper first and even more so if you can prepare your links ahead of time.

Setup Your Footer Menu

  1. Go to your Widget Manager
  2. Drag a text widget into the Footer Links widget position
  3. Using the online demo (see below), begin adding your html links into the widget
  4. Click Save and view it on the front-end

Common with most web sites, the footer area usually contains long-term static links to pages like, Terms & Conditions, Privacy Policy, Contact Us, etc. So creating this is simple for those who are familiar with the basics of html for doing text links, but to begin, we will drag a text widget into the Footer Menu widget position (no title required). Now it’s time to add your menu by using the demo site as a guideline for your own:

<a href="http://www.pixelthemestudio.ca">Pixel Theme Studio</a>
&nbsp;&#8226;&nbsp;<a href="http://www.pixelthemestudio.ca/themes">Download this Theme</a>
&nbsp;&#8226;&nbsp;<a href="http://www.pixelthemestudio.ca/contact">Contact PTS</a>

Note: Just like the copyright symbol, the &nbsp; gives you an empty space, and the &#8226; will give you the middle dot between the menu items you see in the demo site.

There isn’t anything overly special here but it does allow for greater flexibility, and it also gives you more HTML coding experience. Once you complete your footer menu, you probably won’t have to update this for a long time.

Setup Your Footer Information (Copyright)

  1. Go to your Widget Manager
  2. Drag a text widget into the Footer Info widget position
  3. Using the online demo (see below), begin adding your own html code into the widget
  4. Click Save and view it on the front-end

Simple to do by dragging a text widget into the Footer Info widget position and then type in your copyright details. I would recommend you see how I did the copyright symbol below:

Copyright &copy; 2010 Gradient Pixels Inc. All rights reserverd.

I used &copy; for the symbol

By | 2010-09-25T01:21:04+00:00 September 25th, 2010|Blog|0 Comments

About the Author:

Leave a Reply