How to Create a Simple Footer Menu For Your WordPress Site

Usually webmasters and bloggers put about us, privacy policy, terms and conditons page in footer menu. But what if your WordPress theme does not have a footer menu?

Because footer menu is something that you don’t change. So instead of installing plugins to enable footer menu, let’s write some static HTML code and have some fun. Your website will run faster with static HTML code.

Open up footer.php file in your theme folder, usually it’s located at wp-content/themes/<theme-name>

The HTML Code

Put the following HTML code above the </footer> tag.

<ul class="footer-menu">
 <li><a href="">About Us</a></li>
 <li><a href="">Contact Us</a></li>
 <li><a href="">Privacy Policy</a></li>
 <li><a href="">Terms Of Service</a></li>
 <li><a href="">Disclaimer</a></li>

Change to your own domain name. Of course you need to write about us, contact us page etc in WordPress page editor first.

The CSS Style

.footer-menu > li {
    float: left;               /* to make it horizontal */
    padding: 0 5px;
.footer-menu {
       float:right;   /* float the entire menu to the right bottom of your website.*/

You may need to change the css style of adjecent HTML elements. That depends on your specific situation. So adding a footer menu is as simple as that.

Rate this tutorial
[Total: 0 Average: 0]

Leave a Comment

  • Comments with links are moderated by admin before published.
  • Your email address will not be published.
  • Use <pre> ... </pre> HTML tag to quote the output from your terminal/console.
  • Please use the community ( for questions unrelated to this article.
  • I don't have time to answer every question. Making a donation would incentivize me to spend more time answering questions.

The maximum upload file size: 2 MB. You can upload: image. Links to YouTube, Facebook, Twitter and other services inserted in the comment text will be automatically embedded. Drop file here