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.
8. John Cow
11. Wire Roses
13. Jonas Hellwig
15. Mr. Diggles
18. Blog me tender
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
- Search Area
- Tag cloud
- Recent Posts
- RSS Subscribe Reminder
- Social Media Profiles
- 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.
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.
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.
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.
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.
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.