Build Your Own Business Website header image

Whoops, you've found some premium content!

Watch the opening clip of this video to preview it,
the full video is available to paid members.

Setup Agility Display Styles

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

We are going to start setting up our pages in Agility for this Professional Services website. And we’re going to begin by setting up the Agility display styles.

6 Settings Available

Let’s come over to Thesis and skin content. That’s where you’ll find the display styles for Agility. In my display styles I’ve got 6 different settings.

  • Global settings
  • Front Page settings
  • Pages settings
  • Single Posts settings
  • Posts Page settings
  • Archive Page settings

What these essentially do is turn options on and off. If there is a check beside something then it’s going to show. If you uncheck it then it’s not going to show.

Global Settings

For example, you could decide on this website not to have a main top menu area. You could decide to simply have the main header area only and to do that you turn off this and this and only have this. You can put a menu here instead of using the main top menu area.

So you could have a logo and a menu and not have either of these two things and accomplish that simply by unchecking the top bar unchecking the main menu. Nowhere on the site would the top bar or main top show up any longer.

The same thing is true with the top photo or the bottom. Maybe you want this fat footer here but you don’t want the thin footer so you turn off the bottom footer. Or maybe all you want is this little slender footer on the bottom and you don’t want widgets or anything like that on the top of it so you turn off the top footer area.

So that’s how these work. We’re not actually going to turn off any of them since we’re going to use all those settings.

Front Page Settings

We’re not going to talk about the front page settings today because that’s a whole discussion for our next meeting. So we’ll leave that for the time being.

Pages Settings

But we can come over to pages and go through the options. Things that are available here are the featured image, social sharing links, social profile icons and e-mail sign up forms.

When we’re looking at a typical page, this is the featured image. If you don’t want to the featured images to show up on the page then you can simply turn off the featured image here.

This is the social profile links that happens in the sidebar. And this is the e-mail box that happens in the sidebar as well.

We already turned off the e-mail box which shows up down in the bottom. We turned it off because we’re not collecting anybody’s e-mail addresses. Also down here are the the social sharing buttons.

We’re going to leave the featured image on, the social sharing links on and the social profile icons in the sidebar on. As I said we’re turning off the e-mail sign up form since we’re not using any e-mail calls to action on this site. Architects don’t collect e-mails. It’s just not the kind of business that does that.

Let’s save those display options and those things that we turned off will have gone away on the site.

Single Posts

Let’s come over to single post and take a look at the options there. As you can see there are a lot of options to turn on and off. Authors we’ll leave on although I’m going to turn off date.

Let’s go over and take a look at a single post on the site. The reason I’m turning date off is for this kind of professional services site I don’t know how often I’m going to post. I might write something now that is still good five years from now but somebody may discount because they see the date. That’s why I’m turning the date off in this case.

I’m going to leave the categories on. I’m going to leave the featured image on. This is the featured image on single post, this is the author and this is the category. So we’ll leave that all on.

For previous, next posts we’ll leave that alone. You can see there’s no next link there’s only a previous link. That’s because there was no previous post but essentially this goes to the newer post this one goes to the older post. I could turn those links off but I’m not going to

The number of comments link you’ll find on the page right down here. There are zero comments now but if you’ve got a whole bunch of comments when somebody gets to the end of this article then they can click on this “add one” which takes them all the way down to the bottom where they can fill out the comment form.

But you can decide that you don’t want to see that and you could turn off comments altogether by unchecking this box if you’re not using comments. Also if you aren’t using comments you would turn off the comment date and comment Avatar. You would also turn off the comment Avatar if you’re not using avatars but you are using comments.

You can turn off the social sharing links at the top of the post which is up here. On this kind of professional services site, an architecture site, I probably would turn that off. You could turn it off at the bottom of the post too but that sort of defeats the purpose. Again, you can turn off those social icons on the side bar.

As I said we’re not using email sign up forms so we are going to turn off both of those.

And at the moment because we only have one post in each category we can turn off the related posts because nothing’s going to show for that. You can see on this site where you’ve got lots of posts but the display isn’t right. Let’s go take a look at the settings. That’s in Skin Content where you set that up.

Go down to Related Posts in the single post box. Number of related posts on each row got changed to one instead of four. And I’m going to show four posts in a row. Somehow that got changed. Let’s save those options. And, in this case, I need to empty my cache because this is a site that’s theoretically finished being built and so it is being cached.

Now the four related posts are showing up next to each other. This related posts looks really nice as long as you’ve got them. But if you don’t have them if you’ve only got four posts on the whole site you may want to wait to turn that on until you have more.

Posts Page

Let’s go back to our display settings. On our posts page which is the home template we have a similar set of choices.

We’ll turn off the date. That’s what this looks like here on the site, so there’s the date, author and category. And we’ll leave author and category on.

We could turn our featured image which in this case is this. We obviously we want that here. It would look really plain without the featured image.

For the number of comments link if we have a bunch of posts without comments there’s nothing wrong with turning that link off for the time being. Let’s look at a post, so this button here showing the number of comments would go away.

Now in a site that has lots of back and forth comments this comment system makes sense because when you click on it it takes you down to the comment section. But you may decide that that’s not something that you want.

If you have a whole bunch of posts without comments you probably don’t need to advertise it so you can just turn it off.

Social profile icons are in the sidebar I’m going to leave it on. I’m going to get rid of the e-mail sign up forms. I’ll leave the social sharing links at the bottom.

For the moment I’m going to leave the notice bar. The notice bar is this right here. This is a call to action. And we may decide not to use this call to action but it shows up in a bunch of different places called the notice bar. For the time being we’ll leave it on the blog page. Ultimately we will take it off of the front page but we’ll leave it on the blog page. And we’ll leave our social sharing links on.

Archive Page

And then come over to our archive pages. We’ve already talked about archive pages and how they look a lot like the posts page. But the archive page is a page that shows all the posts in the same category. And again you have similar kinds of settings on the archive.

We can turn off date, we can turn off a number of comments, we can turn off the sidebar email sign up form and email sign up form at the bottom of content. Right now the notice bar is turned off but we could decide to turn that notice bar back on. And we can leave the social sharing links there.

That covers all the display settings. Next up we’ll be working on default font styles.

Save $200 on Membership Now!

Start learning today for as little as
$0.82 PER DAY!
Subscription Options
0 Comments… add one
0 comments… add one

Leave a Comment