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="https://www.linuxbabe.com/about-us">About Us</a></li> <li><a href="https://www.linuxbabe.com/contact-us">Contact Us</a></li> <li><a href="https://www.linuxbabe.com/privacy-policy">Privacy Policy</a></li> <li><a href="https://www.linuxbabe.com/terms-of-service">Terms Of Service</a></li> <li><a href="https://www.linuxbabe.com/disclaimer">Disclaimer</a></li> </ul>
Change linuxbabe.com 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.
