We’ve now gotten our header setup and menu setup for this Professional Services website using Agility Skin 3.2 and Thesis Theme 2.3. The last thing we had to do was setup the Footer so that’s what we’re going to do next.
Two Footer Areas
The Footer is configured in very much the same way as the header is configured. Let’s come back over to Skin Content and scroll down to number 2. You see the the Footer has 2 main sections.
Let’s go to Agility Skin demonstration site and look. The Footer has two main sections. It’s got this top section and the bottom section. So we have to configure both of those sections and you can see that 2A Footer is the top section and 2B bottom is the bottom section.
What to Configure: Columns and Column Content
Just as we did when configuring the Header, the first thing you do is open up the Footer and decide how many columns you’re going to use and what content is going in these columns.
The column configuration is identical to the header. You have a choice of exactly the same column configurations. However, the content for those is entirely different, right? The Header looks for other things than the Footer does.
In this case you have a choice of a Featured Content Box and Icon Content Box, a Widget Area, a Thesis Text Box, a Call to Action, a Copyright, a WordPress Menu and that advanced feature which is “none, I’ll drag something there myself”.
Add Widget Areas to the Columns
And we are going to talk about these boxes as we go through the sessions but having said that this Footer area is typically a place for widget areas. So, that’s what we’re going to do. We’re going to put three widget areas across the Footer here.
That means we are going to take this and make this 3 columns, equally sized and then we’ll put a widget area in all 3 of those columns.
We’ll talk about overlay element and heading later because we are going to be using these when we configure the front page. For the time being we are going to leave those alone because we don’t need them in this situation. But I will show you a situation in which you can use them later.
What we have to do is save our options here. And now if we come over and look at that on the site we’ve got 1, 2, 3 widget areas. Let’s come over to Appearance and widgets you’ve got 2A Footer Column 1 widget area, 2A Footer Column 2 widget area, 2A Footer Column 3 widget area.
So we’ve got our 3 Footer widget areas here. And if you don’t know what a widget area is don’t worry about that currently because we will get to that later on in the day.
Configure the Widget Areas in Bottom Footer
Let’s come back over to Skin Content and let’s configure the content of the bottom Footer. If we click on it we are given our column choices again, so single column through 4 columns. We are going to leave it as 2 columns equally sized.
Add a WordPress Menu and Copyright
Now we have the same choices for the content for column one and we are going to use a WordPress menu for that. And then the content for column 2. Again we’ve got all those same choices but we are going to use the copyright for that. So we can save those options.
Then if we come back over to skin content, notice that 2A Footer no longer has any options below it. That’s because we said we wanted them all to be widgets so from that point on all those options are controlled by putting widgets in them. So we don’t have any settings that have to be controlled on a column by column basis for the top Footer.
Choose the Menu
But for the bottom Footer, we do have settings to set because in the bottom Footer, just like in the top menu area, we need to choose the menu. And so you can see it says “select a WP Menu”. We’ll choose the Footer menu and save that.
Add the Copyright
Then for the bottom Footer we said in column 2 we wanted the copyright. So we can open this up and enter our copyright information. So what that really means is really just the name of the company and the date that you began. So we’ll say, Rick Anderson Architects and I actually started that company in 1992. So there’s the company name and beginning date. And what this does is then add standard copyright information here.
Adding a Copyright in a Non-English Language
It’s come to my attention because many of my members live in non english speaking countries that they don’t want this copyright in English. Unfortunately, this is currently only set up to work in English. However, if you want to do this in a different language what you would do is instead of choosing copyright you would come down here and choose Thesis Text Box. Save it.
Then come over here to the Thesis Text Box and now we say text box instead of copyright. And what I would do here is use a paragraph tag and give it a class. Class equals copyright and now your copyright styling will apply to this. So, copyright and then close out your paragraph tag.
Now instead of what I had before you’ve got in your language whatever copyright information you want there and it will take the style because we gave it a paragraph tag with the class of copyright. So that’s the way to do that in a language other than english.
We’ll come back over here and go to the copyright. Save our options. It threw out all our other copyright information so we have to come back over here and reconfigure it. Okay, so the Footer is set up.
We’ll add widgets to this later and we’ll talk about what widgets are and what kind of widgets you can put in here and all that kind of stuff once we get to that section. But that’s how you configure the Footer.
Backup the Website After Making Changes
And now that we’re finished with this we want to do what we are supposed to do at the end of each session and that is to backup the site. So we’ll come back over here to BackupBuddy and do a complete site backup.
Somebody is asking me in what session will I be covering making the site secure. Site security will be handled in the last session although some aspects will be talked about in the afternoon session so the third session of the day. Essentially it will be covered in Lessons 14, Essential Website Administrative Tasks. That’s where we talk about security.
We are all backed up and ready to go. Next we’re going to be adding styling and content to the home page.