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
2. I primi dieci
3. Boagworld
4. Productive Dreams
5. Torrance Web Design
6. Carsonified
7. Ritchie Linao
8. John Cow
9. Branded07
10. Bcandullo
11. Wire Roses
12. Problogger
13. Jonas Hellwig
14. GoMediaZine
15. Mr. Diggles
16. CSS-Tricks
17. Starseite
18. Blog me tender
19. Colorburned
20. Iemai
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.
useful article many thanks for sharing..
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.
I need to know what html code to add to footer to get my privacy policy page to show up.
cheers!
Mark
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.
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.
Another great resource. I have bookmarked this page for future reference. Thanks very much!
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
cForms have its own website where you can install it. We use the plugin and recommend it still.
Thank you so much for listing my blog :)!
Not a problem at all
Keep up the good work.
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!
Good article.
[link removed]
Great list, thx.
wow. That’s a great collection. I never took my footer seriously. You inspired me to create a new footer for my website
Yeah, really. And thanks for posting all the great examples.
Great post, thanks for the mention.
Always a pleasure. You have a great footer on your site.
Nice, it’s a great post and the site is marvelous. You’ve been mentioned in my blog. Greetings!
i need tp pimp my footer … for sure …
nice sites! really inspiring! thanks a lot for sharing.
thx for sharing!
I have bookmarked this site for my wordpress tutorial.
Nice, big content rich footers seem to be the way forward.
wow, amazing!
And what about this footer: http://www.tawataw.com ?