Skip navigation

WordPress Themes: The Ignored Footer

WordPress ThemesHave you looked lately at the average WordPress Theme footer? That little bit of color and text at the bottom of a WordPress Theme? Lately, it seems that the only time it gets any attention is when people are looking for design credit, embedded links and ads, and other nasties.

Footer from the Hemingway WordPress ThemeSometimes I think the web designer puts so much energy into the rest of the Theme that they lose interest by the time they get to the footer. Some WordPress Themes don’t even show a footer. Or they emulate the Hemingway WordPress Theme and put all the navigation links in columns in the bottom, turning the footer area into the sidebar.

I think it’s time we took back our WordPress Theme footers and gave them the attention and respect they deserve.

The Purpose of a Blog Footer

The footer in a web design is the bottom of the page. It indicates the end of the page. The footer includes navigational links to move the reader into your blog’s content, but it does so much more.

It’s the last thing some visitors see after they finish reading your blog post and comments.

When you scroll down past all the content and comments, there lies the footer. Shouldn’t it be helpful? Shouldn’t it invite the visitor to dig deeper? To move around and find more information? Shouldn’t it give them one last taste of who you are and what you blog about?

In the early days of web design, the footer was the placeholder for links to the About, Contact, Copyright, and other information that helped the visitor learn more about the site. Like business stationery featuring the address and phone number at the bottom of the sheet of paper, the footer provided critical contact information. Somewhere alone the line, the footer became forgotten or overlooked.

Footer example by Lorelle VanFossen for Taking Your Camera on the Road

What should be in your footer? Should you have a repeat of your WordPress Page links like About, Contact, Copyright, Policies, and other links? Should you have a list of your primary categories? Since it’s the last thing many readers see at the bottom of your blog post, what could you put in your footer to encourage the visitor to stay a little longer or learn more about you and your blog?

The WordPress Footer

The HTML code for the Default WordPress Theme’s footer is stored in the footer.php template file:


<hr />
<div id="footer">
<p>
<?php bloginfo('name'); ?> is proudly powered by
<a href="<a href="http://wordpress.org/" title="WordPress">WordPress</a>
<br /><a href="feed:<?php bloginfo('rss2_url'); ?>">Entries (RSS)</a>
and <a href="feed:<?php bloginfo('comments_rss2_url'); ?>">Comments (RSS)</a>.
<!-- <?php echo get_num_queries(); ?> queries. <?php timer_stop(1); ?> seconds. -->
</p>
</div>
</div>
<!-- Gorgeous design by Michael Heilemann - <a href="http://binarybonsai.com/kubrick/">http://binarybonsai.com/kubrick/</a> -->
<?php /* "Just what do you think you're doing Dave?" */ ?>
<?php wp_footer(); ?>


The first code is for a horizontal line, which divides the footer from the rest of the page. When the footer is generated on your blog’s web page, all that code displays is a paragraph with the sentence and links:

My Blog Name is proudly powered by WordPress
Entries (RSS) and Comments (RSS)

The Optional and Hidden Footer Code

Some of the rest of the “hidden” bits of information in the footer are optional and there to help you if you need them for troubleshooting.

Within the comment code (<!- - text here - ->) is link and text that does not appear on your blog unless you choose to have it show by removing the comment code. Removing the comment code would display the credit line to Michael Heilemann and a link to the Kubrick site, if you want to give credit where credit is deserved for the Theme.

Inside of the /* text here */ in the PHP code that says “Just what do you think you’re doing here, Dave?” is also a comment and doesn’t show, unless you remove those slash astericks. This is a little inside joke as the Theme is called Kubrick, after Stanley Kubrick, the director of the movie, Space Oddysey 2001.

Another bit of code hidden within comments is a PHP query used to test the number of database queries needed for each page load. This is a commonly used testing device and doesn’t show on your WordPress blog. If it’s in your Theme’s footer, consider leaving it there. For now, we’re going to ignore it.

At the bottom is a call to the wp_footer() which is used by WordPress Plugins as part of the Plugin API Hooks to help run the Plugin and actions that take place at the end of the page’s loading.

Did you know all these things were happening behind the scenes within your blog’s footer? They are, but we’re going to deal with what the user sees when they reach your blog’s header.

In tomorrow’s article, I’ll cover Customizing Your WordPress Theme Footer.

Member of the 9Rules Blogging Network


Site Search Tags: , , , , , , , ,
Feed on Lorelle on WordPress Subscribe Feedburner iconVia Feedburner Subscribe by Email
Copyright Lorelle VanFossen, member of the 9Rules Network, and author of Blogging Tips, What Bloggers Won’t Tell You About Blogging.

30 Comments

  1. Posted September 29, 2007 at 12:23 pm | Permalink

    Lorelle,
    So what SHOULD we put in our footers? The Hemingway stuff? The page listing? Categories?

  2. Posted September 29, 2007 at 12:29 pm | Permalink

    Impatient Nathan. Can’t wait for tomorrow, eh? 😀

    A hint: anything you want.

    But what best serves the reader’s needs is always best. By the way, before anyone jumps in and says it, the Hemingway “footer” is really a “sidebar” that is placed above the footer. There is a practically non-existent footer in the Hemingway Theme.

  3. Posted September 29, 2007 at 3:17 pm | Permalink

    Whoa! I don’t even have a footer. Does that make me special? 😛

  4. Posted September 29, 2007 at 3:56 pm | Permalink

    Mohsin: You are eternally special even without a footer. 😀

  5. Posted October 31, 2007 at 7:57 am | Permalink

    I’m busy hacking up my footer on sciencebase.com as we speak…Just added a cluster of chiclets to my Facebook, Pownce, and Twitter pages I’d like to give it a blue background and make all the text white, but I’d also like to make it four columns and include pop posts and my rss chiclets in separate columns too. Is there any way to do that quickly and easily, is there, essentially, a way to widgetize a footer without interfering with the sidebar?

    db

  6. Posted November 2, 2007 at 10:27 pm | Permalink

    @sciencebase:

    As far as I know, Sidebar Widgets are still restricted to the sidebar, though they shouldn’t be. As for how to change your footer’s colors and such, I’ve address this in the article, but it isn’t done “quickly”. Just change the CSS to what you want and experiment to get it right.

  7. Posted February 7, 2008 at 1:31 am | Permalink

    I like the footer to tell my visitors about my copy writing issues.

  8. Posted February 17, 2008 at 7:39 am | Permalink

    But if I use free theme can I delete footer with links to author?

  9. Posted February 17, 2008 at 9:28 am | Permalink

    @ lookupnumbers:

    If the design author allows it in their copyright and GPL license. Still, it’s a nice thing to give credit where credit is due and people judge you by such credit.

  10. Posted September 4, 2008 at 7:55 am | Permalink

    I think I’ve figured out a workaround. The thing to do would be to create a second sidebar but then use CSS to force it to the bottom of the page and then disable the actual footer.

    db

  11. Posted September 4, 2008 at 8:28 am | Permalink

    @ David Bradley:

    That’s a backwards way to do it. The best thing would still be to fix your footer rather than fight CSS with a sidebar, but all are containers with different names. You can call them fred and wilma and they will still be a footer and sidebar. 😀 Glad you figured out how to resolve the issue. You might consider now changing your second sidebar name to footer (and change it all through your stylesheet, too. Search and replace simple.) so you won’t be confused with what that is a year from now when you decide to mess with things again.

    😀

  12. Posted February 23, 2009 at 7:37 am | Permalink

    Great, many of us not concern about this part, obviously, we can get lot of benefits by optimizing the footer. I think it’s a good idea to give enough information at this part, because the visitors will see it after scrolling the pages and they will dig more information from the footer. It’s just like a sidebar and we should behave it just like a sidebar, that’s why many themes out there have a few sections at the footer area.

  13. Joel
    Posted May 14, 2009 at 4:44 pm | Permalink

    Thank you for putting together such a great site for people who are just learning how this whole world of wordpress works.
    For my footer, I would like to add an image above the credit section and am having trouble figuring out how to make it work. I am using the Magicblue theme. Would anyone be able to lend some assistance?
    Thanks

    • Posted May 15, 2009 at 8:31 pm | Permalink

      Have you contacted the Theme author or checked their site for documentation and information on how to customize it? There are a lot of ways to customize the footer to include an image. Since I’m not familiar with that Theme, ask the author or check in with the WordPress Support Forums.

  14. Posted June 23, 2009 at 3:36 pm | Permalink

    thanks great info

  15. Posted February 26, 2010 at 11:48 am | Permalink

    Thanks for this great blog post. Some themes like Thesis these days allow editing without touching code which is really great.

  16. Posted May 14, 2010 at 12:38 pm | Permalink

    I am using Arjuna, and I don’t see anything about footers. Can you help me with my footer information? I really appreciate it.

    • Posted July 6, 2010 at 10:30 pm | Permalink

      WordPress.com Themes cannot be edited nor changed, except where allowed in the Theme custom features. You can change the Theme by buying the CSS Extra and customizing the look of your site.

  17. Bavariavrouwen
    Posted June 23, 2010 at 11:59 am | Permalink

    I think I’ve figured out a workaround. The thing to do would be to create a second sidebar but then use CSS to force it to the bottom of the page and then disable the actual footer.

  18. Posted September 27, 2010 at 10:31 pm | Permalink

    Hi Lorelle,

    This is a pretty old post… but it still is getting some love… Why not put a “back to top of page”, link in the footer? Nobody does that and it seems like it would be useful.

    Just a thought… Thanks for the post,
    Jay

    • Posted September 28, 2010 at 10:50 am | Permalink

      That’s a good idea. You can put anything in the footer. I like it. Go for it!

      The code would be at the top of the page you have to add an ID for top or pagetop that is unique such as:

      <h2 id="pagetop" class="post-title"....

      At the bottom in the footer you could add a link to return the people to the top of the page, though it would be tricky as comments and a lot of other stuff might get in the way and it wouldn’t be a clear “back to the top of the page” link. So get creative in your layout and design.

      <a href="#pagetop" title="Return to the top of the page" rel="nofollow">Return to top of the page</a>

      It could be a button or text or whatever you want to indicate the function of the link.

  19. westgate
    Posted October 31, 2010 at 8:20 am | Permalink

    hi, i am new to wordpress, trying to figure the way around, and googled to this blog – which seems to be the best on the subject – could you please help me, i am missing something: there are header settings in wp, i can change an image, to specify other parameters – it is under appearance / header, so in my simplicity i would expect to find appearance / footer – how come this is not the case?! is the only way to change the footer to change the code in php file?! not that i mind some php, but still probably i am missing something?

    • Posted October 31, 2010 at 11:34 am | Permalink

      The footer is not widgetized nor an option for most WordPress Themes, but some do have that option. Most people ignore the footer, hence the article. The only way to change the footer is in the footer template file of the Theme.

  20. Gouri
    Posted December 18, 2010 at 12:42 pm | Permalink

    I still get confused sometimes.. Should the footer be used to display things or hide them?

  21. Posted February 26, 2011 at 11:21 am | Permalink

    i always ignored the footer,i think its time to work on my website footer

    Thanks

  22. Seo Warrior
    Posted March 3, 2011 at 12:43 am | Permalink

    I have to admit that I haven’t been giving my footer much love. Great article.

  23. sam
    Posted April 22, 2011 at 5:32 pm | Permalink

    Thanks man, I got it worked 🙂

  24. Moses
    Posted January 17, 2013 at 8:33 pm | Permalink

    please I do not know how to customized my theme footer to mine,am using online marketer theme please help me.

    • Posted January 18, 2013 at 12:53 pm | Permalink

      Please contact the Theme author or ask for help on the WordPress Support Forum. They may be able to help you if you cannot understand the instructions in this article. Thanks.


7 Trackbacks/Pingbacks

  1. […] Your WordPress Theme Footer Yesterday, I covered the basic code found in the footer of the WordPress Default Theme, and gave you some ideas on how to add some impact and navigation to your WordPress footer. Now, […]

  2. […] WordPress Themes: The Ignored Footer: The footer is one of the most often ignored parts of a WordPress Theme. In a two part series, I discuss how to give the footer back its power. […]

  3. […] WordPress Themes: The Ignored Footer […]

  4. […] WordPress Themes: The Ignored Footer […]

  5. […] by lorelle … Watch Videos Online? I Download Later When the Tubes are Clear | A …comment on wordpress themes: the ignored footer by por comment on fighting registration spam in wordpress by arnie Screencasting: online video sharing […]

  6. […] WordPress Themes: The Ignored Footer Customizing Your WordPress Theme Footer […]

  7. […] WordPress Themes: The Ignored Footer […]

Post a Comment to David Bradley

Required fields are marked *
*
*