WPBeginner

Beginner's Guide for WordPress

  • Blog
    • Beginners Guide
    • News
    • Opinion
    • Showcase
    • Themes
    • Tutorials
    • WordPress Plugins
  • Start Here
    • How to Start a Blog
    • Create a Website
    • Start an Online Store
    • Best Website Builder
    • Email Marketing
    • WordPress Hosting
    • Business Name Ideas
  • Deals
    • Bluehost Coupon
    • SiteGround Coupon
    • WP Engine Coupon
    • HostGator Coupon
    • Domain.com Coupon
    • Constant Contact
    • View All Deals »
  • Glossary
  • Videos
  • Products
X
☰
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

WPBeginner» Blog» Showcase» Top Notch WordPress Footer Designs (Best Practices & Tips)

Top Notch WordPress Footer Designs (Best Practices & Tips)

Last updated on June 21st, 2012 by Editorial Staff
35 Shares
Share
Tweet
Share
Pin
Free WordPress Video Tutorials on YouTube by WPBeginner
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.

35 Shares
Share
Tweet
Share
Pin
Popular on WPBeginner Right Now!
  • Checklist

    Checklist: 15 Things You MUST DO Before Changing WordPress Themes

  • How to Fix the Error Establishing a Database Connection in WordPress

    How to Fix the Error Establishing a Database Connection in WordPress

  • How to Properly Move Your Blog from WordPress.com to WordPress.org

  • Google Analytics in WordPress

    How to Install Google Analytics in WordPress for Beginners

About the Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi. Trusted by over 1.3 million readers worldwide.

The Ultimate WordPress Toolkit

24 Comments

Leave a Reply
  1. shamsher khan says:
    Dec 16, 2013 at 2:52 am

    useful article many thanks for sharing..

    Reply
  2. LukeGedeon says:
    Aug 1, 2011 at 11:20 am

    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.

    Reply
  3. mark says:
    Apr 25, 2010 at 1:06 am

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

    cheers!

    Mark

    Reply
    • Editorial Staff says:
      Apr 25, 2010 at 5:42 pm

      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.

      Reply
  4. Darren says:
    Mar 14, 2010 at 6:30 pm

    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.

    Reply
  5. Rick says:
    Jan 4, 2010 at 5:47 am

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

    Reply
  6. daph says:
    Nov 7, 2009 at 8:06 pm

    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

    Reply
    • Editorial Staff says:
      Nov 8, 2009 at 5:34 am

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

      Reply
  7. Emi says:
    Oct 29, 2009 at 3:54 pm

    Thank you so much for listing my blog :)!

    Reply
    • Editorial Staff says:
      Oct 30, 2009 at 10:44 am

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

      Reply
  8. Matthew Kettlewell says:
    Oct 17, 2009 at 5:44 pm

    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!

    Reply
  9. Satya Prakash says:
    Oct 13, 2009 at 1:11 pm

    Good article.

    [link removed]

    Reply
  10. Tobbi says:
    Oct 5, 2009 at 4:42 am

    Great list, thx.

    Reply
  11. Ricky says:
    Sep 19, 2009 at 1:03 am

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

    Reply
    • Patrick says:
      Sep 26, 2009 at 7:08 pm

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

      Reply
  12. Brad Candullo says:
    Sep 17, 2009 at 6:16 pm

    Great post, thanks for the mention.

    Reply
    • Editorial Staff says:
      Sep 17, 2009 at 6:49 pm

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

      Reply
  13. Maloix says:
    Sep 17, 2009 at 2:52 am

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

    Reply
  14. subcorpus says:
    Sep 16, 2009 at 1:24 pm

    i need tp pimp my footer … for sure …

    Reply
  15. SharePoint Developer says:
    Sep 16, 2009 at 11:17 am

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

    Reply
  16. David Hellmann says:
    Sep 16, 2009 at 10:19 am

    thx for sharing!

    Reply
  17. Tim says:
    Sep 16, 2009 at 9:43 am

    I have bookmarked this site for my wordpress tutorial.

    Reply
  18. Dave Sparks says:
    Sep 16, 2009 at 6:38 am

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

    Reply
  19. NotAlame says:
    Sep 16, 2009 at 6:06 am

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

    Reply

Leave a Reply Cancel reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

Over 1,320,000+ Readers

Get fresh content from WPBeginner

Featured WordPress Plugin
RafflePress - WordPress Giveaway and Contest Plugin
RafflePress
Giveaway and Contest Plugin for WordPress. Learn More »
How to Start a Blog How to Start a Blog
I need help with ...
Starting a
Blog
WordPress
Performance
WordPress
Security
WordPress
SEO
WordPress
Errors
Building an
Online Store
Useful WordPress Guides
    • 7 Best WordPress Backup Plugins Compared (Pros and Cons)
    • How to Fix the Error Establishing a Database Connection in WordPress
    • Why You Need a CDN for your WordPress Blog? [Infographic]
    • 30 Legit Ways to Make Money Online Blogging with WordPress
    • Self Hosted WordPress.org vs. Free WordPress.com [Infograph]
    • Free Recording: WordPress Workshop for Beginners
    • 24 Must Have WordPress Plugins for Business Websites
    • How to Properly Move Your Blog from WordPress.com to WordPress.org
    • 5 Best Contact Form Plugins for WordPress Compared
    • Which is the Best WordPress Popup Plugin? (Comparison)
    • Best WooCommerce Hosting in 2021 (Comparison)
    • How to Fix the Internal Server Error in WordPress
    • How to Install WordPress - Complete WordPress Installation Tutorial
    • Why You Should Start Building an Email List Right Away
    • How to Properly Move WordPress to a New Domain Without Losing SEO
    • How to Choose the Best WordPress Hosting for Your Website
    • How to Choose the Best Blogging Platform (Comparison)
    • WordPress Tutorials - 200+ Step by Step WordPress Tutorials
    • 5 Best WordPress Ecommerce Plugins Compared
    • 5 Best WordPress Membership Plugins (Compared)
    • 7 Best Email Marketing Services for Small Business (2021)
    • How to Choose the Best Domain Registrar (Compared)
    • The Truth About Shared WordPress Web Hosting
    • When Do You Really Need Managed WordPress Hosting?
    • 5 Best Drag and Drop WordPress Page Builders Compared
    • How to Switch from Blogger to WordPress without Losing Google Rankings
    • How to Properly Switch From Wix to WordPress (Step by Step)
    • How to Properly Move from Weebly to WordPress (Step by Step)
    • Do You Really Need a VPS? Best WordPress VPS Hosting Compared
    • How to Properly Move from Squarespace to WordPress
    • How to Register a Domain Name (+ tip to get it for FREE)
    • HostGator Review - An Honest Look at Speed & Uptime (2021)
    • SiteGround Reviews from 4464 Users & Our Experts (2021)
    • Bluehost Review from Real Users + Performance Stats (2021)
    • How Much Does It Really Cost to Build a WordPress Website?
    • How to Create an Email Newsletter the RIGHT WAY (Step by Step)
    • Free Business Name Generator (A.I Powered)
    • How to Create a Free Business Email Address in 5 Minutes (Step by Step)
    • How to Install Google Analytics in WordPress for Beginners
    • How to Move WordPress to a New Host or Server With No Downtime
    • Why is WordPress Free? What are the Costs? What is the Catch?
    • How to Make a Website in 2021 – Step by Step Guide
Deals & Coupons (view all)
HostGator
HostGator Coupon
Get 62% OFF HostGator, one of the most reliable and popular web hosting companies! Includes FREE domain.
RafflePress - WordPress Giveaway and Contest Plugin
RafflePress Coupon
Get 20% off RafflePress, the best WordPress giveaway and contest plugin available in the market.
Featured In
About WPBeginner®

WPBeginner is a free WordPress resource site for Beginners. WPBeginner was founded in July 2009 by Syed Balkhi. The main goal of this site is to provide quality tips, tricks, hacks, and other WordPress resources that allows WordPress beginners to improve their site(s).

Join our team: We are Hiring!

Site Links
  • About Us
  • Contact Us
  • FTC Disclosure
  • Privacy Policy
  • Terms of Service
  • Free Blog Setup
  • Free Business Tools
  • Growth Fund
Our Sites
  • OptinMonster
  • MonsterInsights
  • WPForms
  • SeedProd
  • Nameboy
  • RafflePress
  • Smash Balloon
  • AIOSEO

Copyright © 2009 - 2021 WPBeginner LLC. All Rights Reserved. WPBeginner® is a registered trademark.

Managed by Awesome Motive | WordPress hosting by SiteGround | WordPress Security by Sucuri.