Build Your Own Business Website header image

Develop a Front Page Layout Using Thesis 2 Query Boxes – Part 5 – Setup Secondary Content for Use with Query Boxes

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

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.

So far you’ve seen two ways to add attention boxes to a Front Page in Thesis 2 using Query Boxes. Now I want to show you how to add content from pages in multiple sections in a way that’s similar to the DIY Themes style of homepage.

Let’s take a look at their homepage. This is created using a series of query boxes. These were all different query boxes. I think they use pages for that and so each query box displays a page.

Using Custom Post Types

Now, I think that’s problematic for a couple of reasons. One of them is that if you’re doing that in order to create multiple sections, you probably don’t want those pages to be visited all by themselves. That means you have to mess around a bit to prevent them from being shown and you also need to mark them as no-index so that it doesn’t get included in your sitemap and doesn’t get indexed by Google.

Secondary Content here is a Custom Post Type

I think something that’s more straightforward is to create your own custom post type which I’m calling secondary content and use it for that. Just to be clear secondary content in this context is just another post type.

Use Custom Post Type UI Plugin to Create a Secondary Content

The plugin that I use for that is called Custom Post Type UI. I already have it activated on this site. So after you install and activate the Custom Post Type UI, come over here on the Admin Menu to CPT UI and go to Add New.

Create a New Custom Post Type

And now we’re going to create a new post type. Note that for the name it says “Max 20 characters, can not contain capital letters or spaces.” We are going to say the post name is going to be secondary content. The label will be content and I’m going to do the same thing as the singular label.

Next let’s look at Advanced Options. It’s going to be public. It’s going to be show UI. It’s not going to have an archive. We are going to exclude it from search. It’ll have capability type post. It is not hierarchical. We’re going to say false for rewrite, we’re going to say true with front and true for query bar.

We’re going to set a menu position of 5 which means it’s going to go up there at the top. We’re going to say true to the show UI and then we’re going to say it supports title and editor.

We don’t need excerpts in the secondary content so we’ll take it off. We don’t need trackbacks. We may want custom fields so we’ll leave that there but no comments. We’re going to leave featured image but we’re not going to do author. We aren’t going to do post formats but we will do page attributes and we’re not going to give it any of these built-in taxonomies. Hit the Create Custom Post Type button.

Create a Custom Taxonomy

Then we’re going to create a custom taxonomy and the custom taxonomy is going to be display_location and again Display Locations then the singular will be Display Location. We are only applying it to secondary content.

Let’s look at the Advanced Options. Hierarchical is false, we’ll leave that as false, show UI true, query bar true, rewrite false, show admin columns, we’re going to leave that as false and then create the custom taxonomy.

Let’s look over at the Admin Menu and now we’ve got Secondary Content and we’ve got the Add Secondary Content and Display Locations. I am going to show you now how to create this style here. There are four boxes and in this case we’re using a query box to show secondary content and then a query box to show 3 posts.

Actually, I’m going to add display location to posts too. Let’s go back to Manage Taxonomies. We’re going to edit display locations and we’re going to add that to posts and pages as well. Let’s save that.

Create the Secondary Content

So now we’re going to create some secondary content, hit Add Secondary Content. The title here is going to be “Video Marketing Guides”, “Enjoy written and video guides”. The content in this case, is just “Enjoy written and video guides” and below that is “Members enjoy full access to all training materials”. So there’s my content, that’s the only content I have in this.

I’m going to set a display location. I’m going to say Front Page for my display location. Hit Publish.

Understanding “Secondary Content”

I want to explain the concept of secondary content. What we’re did here is create a custom post type. This is custom post type behaves very similarly to posts except we didn’t give it any comments or trackbacks or things like. Otherwise it’s set it up to behave very similarly to posts.

If you don’t know what I mean by creating custom post types you can watch videos on the site about creating custom post types with Custom Post Type UI because that’s all the secondary content is, it’s just another post type.

I called it secondary content because it’s rational to me to call it that but I could have called it fishsticks or palm trees. It doesn’t really matter what you call it just like testimonials and the testimonial plugin or like products, it’s a post type. And it’s a post type that I gave a name to and the name was secondary content but the name itself is not significant.

I created a custom post type and that custom post type behaves very much the same way as posts and pages do. Hopefully this helps you understand what we did here. It’s just a custom post type and it can be long or short. This could be hundreds of words if we wanted it to and then it would show up over here.

Front Page Example Using Secondary Content

I was showing you a simple way of doing this but if we come back over to you can see how we used secondary content on his site. “Time-Proven Investing Wisdom” is the main content on the front page but then starting with “Don’t take my word for it” and below, that’s all secondary content being displayed by a query box.

“Dozens of Video Tutorials and Step-by-Step Examples” again is a single piece of secondary content or a single post of the secondary content post type that we display with the query box.

This is how I recommend you create something like the DIY Themes website. So this section is probably the main content on the front page and then this section for skins is a piece of secondary content. It goes all the way down to here.

This section for boxes again is a piece of secondary content, it comes all the way down to here and then Site Tools is another piece of secondary content. And then again, these things here.

If you follow my system each one of these things would be an individual piece of secondary content and you would insert them into this main page using a query box to do so.

0 Comments… add one
0 comments… add one

Leave a Comment