Web Hosting

How to Customise Your Footer with Thesis

Thesis Theme for WordPressInteresting question in one of the forums the other day: I’m using Thesis – how do I customize my footer?

The footer is an often-overlooked area of your web page that, if used properly, can help your on-site SEO.

Some of the things you can use it for include: an additional navigation menu (good for SEO if it’s text-based), links to your privacy policy, your copyright statement, and links to other sites of yours (useful if you offer web design services).

I’ve seen many footers that contain ads, category listings, popular articles listings and all sorts of stuff.

I don’t generally like those types of footer – but each to their own!

Customising your footer, then, can add a lot to your site. And here’s how to do it with Thesis.

If you’re comfortable using the custom_functions.php file you can do it there. If not then you should install Thesis OpenHook, which I wrote about here.

Create Your Content

Whichever option you choose, you’ll need to create your content using normal HTML and CSS (and JavaScript if you want to). I do this as the first step.

You can do this anywhere. I do it in Notepad, save it as an HTML file and then I open the file with my browser (File>Open and locate the file on your PC) to review and adjust it until I’m happy.

To style your footer you should declare some styling in your custom CSS file (I wrote about the custom CSS file here). Just add:

.custom #footer { your styling declarations }

Inserting your content into the footer

The next step is to insert the content you’ve created into the footer. With Thesis you have two ways of doing this:

Using the Thesis Openhook plugin

Go to your Thesis OpenHook screen and locate the footer hook:

OpenHook plugin drop down menu

Locate the footer hook from the drop down menu

Click the Footer Hook and paste the content you created for your footer into the box that comes up. Check the ‘Execute PHP on This Hook’ check box and hit the ‘Little Save’ button.

You’re all done.

Using the Custom Functions File

If you choose to add your custom footer via the custom_functions.php file you can follow the same process for creating your content and adding styling to the custom stylesheet.

Then, in your custom_functions.php file, you’ll need to create a new function into which you paste the content you created, wrapped in php tags.

Here’s an example (this one has in-line CSS, but if you create a div in your custom stylesheet you would just declare the div id instead):

function footer_contents() { ?>
<div style="text-align: right; font-size: 10px; color: #8b8b8b;">Website designed and built by <a href="https://www.abledragonmarketing.com" rel="nofollow">Abledragon</a><br />All Rights Reserved<br /><br /></div>
< ?php


Once you've done that you'll need to add the function you've just created to the thesis_hook_footer hook:


Important: if you make a mistake during this process your site will generate a 'Fatal Error' and become un-viewable.

So before you start making changes to your custom_functions.php file be sure you can access it through your FTP client so you can correct the problem by either editing the code you've just entered or removing it altogether.

That's it - you're all done.


Martin Malden

Web Hosting