Beginner's Guide for WordPress - Start your WordPress Blog in minutes.
Choosing the Best
WordPress Hosting
How to Easily
Install WordPress
Recommended
WordPress Plugins
View all Guides

Top Notch WordPress Footer Designs (Best Practices & Tips)

Last updated on by
Follow WPBeginner on YouTube
Top Notch WordPress Footer Designs (Best Practices & Tips)

Most footer designs are boring and the reason behind it is because Footer designs are often ignored. Users do not realize that footer designs are just as important as the rest of the design. Footers are more than just a place to put copyright information. There are endless benefits of allocating your footer space, and it can be used for your advantage. In this article we will display a collection of top notch WordPress footer designs and share why some of these designs qualify to be in our list. We will also share some tips and snippets that you can use to improve your footer design and use it to your advantage.

Collection of Best WordPress Footer Designs

Below is the list of the best WordPress footer designs that we found across the web. We probably have missed a lot others. If you know a footer design on a WordPress powered site that you think will be worthy to be mentioned at WPBeginner please share it with us in the comments.

1. David Hellmann

David Hellmann - WordPress Footer Designs

2. I primi dieci

I primi dieci - WordPress Footer Designs

3. Boagworld

Boag World - WordPress Footer Designs

4. Productive Dreams

Productive Dreams - WordPress Footer Designs

5. Torrance Web Design

Torrance Web Design - WordPress Footer Designs

6. Carsonified

Carsonified - WordPress Footer Designs

7. Ritchie Linao

Ritchie Linao - WordPress Footer Designs

8. John Cow

John Cow - WordPress Footer Designs

9. Branded07

Branded07 - WordPress Footer Designs

10. Bcandullo

Bcandullo - WordPress Footer Designs

11. Wire Roses

Wire Roses - WordPress Footer Designs

12. Problogger

Problogger - WordPress Footer Designs

13. Jonas Hellwig

Kultur Banause - WordPress Footer Designs

14. GoMediaZine

GoMediaZine - WordPress Footer Designs

15. Mr. Diggles

MrDiggles - WordPress Footer Designs

16. CSS-Tricks

CSS Tricks - WordPress Footer Designs

17. Starseite

Starseite - WordPress Footer Designs

18. Blog me tender

Blog me tender - WordPress Footer Designs

19. Colorburned

Colorburned - WordPress Footer Designs

20. Iemai

Iemai - WordPress Footer Designs

What to add on a footer design?

As you can see in the showcase above, your possibilities are limited by your imagination. Some of the features site displayed in our showcase have:

  • Contact form
  • Author’s Biography
  • Author’s sites
  • Resources
  • Search Area
  • Tag cloud
  • Archives
  • Recent Posts
  • Sponsors
  • RSS Subscribe Reminder
  • Social Media Profiles
  • Calendar
  • Reader showcase
  • Featured/Popular posts

Now these should be not the limit to your footer. You do not need to have all of these elements in your footer. Although it would be a test of your creativity if you can put them all in and make it look good.

One thing you should keep in mind when reorganizing your footer is that you want to make it look good and clean. The more organized your footer is, the better it is to go through by your users. You can go to great deal of customizations for your footer design in WordPress, as far as making your entire footer widget-compatible.

Below we will provide you with snippets or other options that you can use to add all the features that we listed from the top notch WordPress Footer Designs. Note: That most of these jobs will require knowledge of HTML and CSS. If you don’t have that knowledge this is the end of post for you.

Contact Form

Adding a contact form is possible with the cforms plugin. Simply download/activate the plugin and modify the settings to your need. Once you have the settings set up, you will need to paste the code provided by the plugin in your footer.php. Make sure to style it and make it fit with your design.

Author’s Biography

You can simply edit footer.php and add the text in the codes, or you can actually use the author’s description feature from WordPress and display your author biography. This will only work if it is a one man blog. When editing your profile under the Users Tab in WordPress admin area, you have a field that says Biography. You can write the text there and instead of typing the text out in the .php file just add this snippet:

<?php the_author_meta('description',1); ?>

Replace the number 1 with the user id.

External Links

This will include resources, social media profiles, or author links. You can either insert the links manually in your footer.php and add and remove the link each time by modifying your php file, or you can simply use the links category feature in WordPress and modify links via admin panel. First you need to create a blogroll category named resources, and add all resource links there. The name of the category does not really matter, but be sure to add only the links you want to be placed in the footer there.

Add the following code where you want to place it:

<?php wp_list_bookmarks('title_li=&category=2'); ?>

Simply change the category id to specific category where your social media links, resource links, or other external links are.

Read our article about organizing blogroll links for details.

Archives

To display archives, use this snippet:

<?php wp_get_archives('type=monthly'); ?>

Also read this tutorial on how to limit the number of archive months displayed.

Tag Cloud

To display tag cloud, use the following snippet:

<?php wp_tag_cloud('smallest=8&largest=22&number=30&orderby=count'); ?>

For further details and parameters visit WordPress Codex

Display Recent Posts

<?php get_archives(’postbypost’, ‘10′, ‘custom’, ‘<li>’, ‘</li>’); ?>

For further details check out our tutorial.

Do you think you have a footer design that is worth showing, then share it with us in the comments. Remember that it must be powered by WordPress.


Editorial Staff at WPBeginner is a team of WordPress lovers led by Syed Balkhi. Page maintained by Syed Balkhi.

WPBeginner's Video Icon
Our HD-Quality tutorial videos for WordPress Beginners will teach you how to use WordPress to create and manage your own website in about an hour. Get started now »
  • shamsher khan

    useful article many thanks for sharing..

  • LukeGedeon

    Darren, I always put my nav at the top to help people find what they are looking for, but I am starting to see several occasion when it really make sense to put additional navigation options at the bottom. For example, I just visited your site for the first time and read a great post. I am curious if you have written anything else interesting. Maybe related to the post I just read. Maybe not. Give me some great headlines, a few featured images, something to click on other than the close tab button.

  • mark

    I need to know what html code to add to footer to get my privacy policy page to show up.

    cheers!

    Mark

    • http://www.wpbeginner.com Editorial Staff

      You can add a simple html link with the URL to your page using the a href tag. We don’t have HTML resources on this blog. If you are interested in learning HTML, then there are plenty of great blogs and books for that.

  • http://www.basintaps.org.uk Darren

    The one thing I hate especially with some wordpress blog templates is when they have navigation in the footer.

    At the end of the day one people are at the bottom of the page they are probably there because they have finished looking at what they wanted, why put naviagtion at the bottom?

    A simple copyright and credit to the design author is all that is needed, plus perhaps a disclaimer / privacy policy etc. if they do not fit into the existing page structure of the blog.

  • http://www.niche-blogging-profits.info Rick

    Another great resource. I have bookmarked this page for future reference. Thanks very much!

  • http://daphnaland.com daph

    is there anyway to get a contact form in the footer other then cforms??
    seems like cforms has vanished from the wordpress plugindirectory which makes me uncomfortable installing it (maybe it did something wrong ?:) )

    thx

    • http://www.wpbeginner.com Editorial Staff

      cForms have its own website where you can install it. We use the plugin and recommend it still.

  • http://iemai.com.br/ Emi

    Thank you so much for listing my blog :)!

    • http://www.wpbeginner.com Editorial Staff

      Not a problem at all :) Keep up the good work.

  • http://www.bloggingemergency.com Matthew Kettlewell

    I’d never really considered the footer as a big deal… you’ve shown me that it can really be a big deal, and set a blog apart.

    Thanks a bunch for sharing a nice collection of WordPress feet!

  • http://www.satya-weblog.com Satya Prakash

    Good article.

    [link removed]

  • http://www.tobbis-blog.de Tobbi

    Great list, thx.

  • http://techgenuine.com Ricky

    wow. That’s a great collection. I never took my footer seriously. You inspired me to create a new footer for my website :smile:

    • http://www.theblackswordsman.com Patrick

      Yeah, really. And thanks for posting all the great examples.

  • http://www.bcandullo.com Brad Candullo

    Great post, thanks for the mention.

    • http://www.wpbeginner.com Editorial Staff

      Always a pleasure. You have a great footer on your site.

  • http://www.puntodelta.net Maloix

    Nice, it’s a great post and the site is marvelous. You’ve been mentioned in my blog. Greetings!

  • http://www.subcorpus.net/blog/ subcorpus

    i need tp pimp my footer … for sure …

  • http://www.itechart.com/Pages/Subsections/SharePointDevelopment.aspx SharePoint Developer

    nice sites! really inspiring! thanks a lot for sharing.

  • http://www.davidhellmann.com David Hellmann

    thx for sharing!

  • http://www.comm100.com Tim

    I have bookmarked this site for my wordpress tutorial.

  • http://www.kamikazemusic.com Dave Sparks

    Nice, big content rich footers seem to be the way forward.

  • NotAlame

    wow, amazing!
    And what about this footer: http://www.tawataw.com ?