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.

Lesson 12 – Part 9 – Question and Answer 2

Difficulty Level -

The Carta Skin for Thesis 2

Okay let’s see, make myself the presenter and then let’s see…. Larry asks if there is a demo version of Carta. And yeah, it’s lesson3.thesisresponsiveskin.com for the time being. Ultimately, I’m going to have a place for it. But right now, you can see the default layout of Carta here in lesson3.thesisresponsiveskin.com. In fact, what I’m going to do is copy that and paste it in the chat window so you can just copy it in the chat window if you like.

But it’s got some cool features like it’s got a border around the images. It’s got this cool little shadow under the images. It’s got some cool little widget styles and that kind of stuff. But it’s got this neat little shadow under those images and that kind of stuff. So it’s got a little bit of special stuff going on.

How to Create Additional Thumbnail Images to go Below the Featured Image

And let’s see, I think Eve is back with us so let’s try Eve again somewhere. Yeah, there you are. Good morning, Eve. I’ve just unmuted your microphone.

Eve: Hi, good morning Rick. I’m sorry, my computer is very slow.

Rick: That’s okay. It’s fine.

Eve: I just wanted to know how I may go about creating 3 additional images and thumbnail… 3 additional thumbnail images to go below the featured image in the single post. I don’t know if I should try the gallery in WordPress, if that’s the only option.

Rick: Well probably what I would do is just use the media library to insert 3 images and make each of them left aligned. And then I’ll just stack side by side.

Eve: Okay sure. I’ll try it. Thank you so much, I appreciate it.

Rick: Yeah and you just need to make sure that they’re big enough to or the right size so they span all the way across.

Eve: Okay, gotcha.

Rick: But it’s not difficult.

Eve: Okay.

Rick: Okay, anything else?

Eve: No, that was all. Thank you very much.

Rick: Yeah you betcha. Have a good evening or good day.

Eve: You too.

Rick: Bye bye.

What’s the Status on Thesis 2.04?

Well okay, let’s see. Blake LeBlanc wants to know about Thesis 2.04. Well I mean mostly what’s in Thesis 2.04 is stuff like this. There is an improved facility for skin authors to create this little admin screen that I created. We’ve got this Agility Carta options. Isn’t that funny? I’ve got to change the name of that.

But anyway we have this options page that I created where I can… you can set up fonts and that kind of stuff. There is a new way of doing this that will do a number of things. For example, it will let the user pick the menu that they want to pick, not… they don’t have to open up the skin editor in order to choose the menu. They’ll be able to choose it from the skin options page. And there are a few things like that plus it’s going to be easier for skin developers to create this.

There’s going to be some things with boxes too because boxes will now have 3 different types of options that can be set. There will be there will be global options and the global optiosn will be easily… set from here. There will be instance options which can be set from the skins menu and then there will be HTML options which will be set inside the skin editor.

So I mean, there’s things like that that are changing. Actually, there’s a couplef of interface things changed that are kind of handy. I might as well show you thi.

Let’s see, where is this? This is Thesis 2 test and this is not in its final case… I mean, it’s final condition. But it does have a couple of kind of cool interface things. One thing is the color coding of a skin editor. It’s quite nice, I think.

So let’s see, skin editor. This is one of the things that’s not going to stay this way. Let’s just… let’s update that skin first. Okay so inside the skin editor, you can… there’s a little bit of color coding that is kind of nice, I think, so you can tell exactly what you’re selecting. Now the canvass will only turn on when you push the button. The canvass doesn’t automatically come on so it doesn’t come on as a pop up. These things highlight differently when you are selecting them.

And in HTML, you don’t have this long list of boxes. What you have here this is the boxes that are already installed or already avaialble to you. So these boxes are available to you but are not on this template. And then these boxes are boxes that you can create that are not currently anywhere. And then the deletion box is still pretty much the same. But there’s all kinds of cool old things like that that’s going to be in it. But we don’t really know for sure.

Lining Up Posts And Category Archive Pages

Okay, Brian’s got a question. Brian Coleman. Good morning, Brian. I’ve just unmuted your microphone.

Brian: Good morning. How’s it going?

Rick: It’s going great. What can I do for you?

Brian: Okay, you were showing how to have those posts line up on your webpage. My question is I’m using Thesis Classic. Can I have a page that I have created a static page and have those posts line up on one of those specific pages?

Rick: Sure.

Brian: Okay. How do you do that?

Rick: You would use the query box. So let’s just say for example that… let’s see, About Us. no, that’s not… let’s find the one that’s empty-ish. Okay, we’ll go to testimonials. We know that’s empty. And so what you do is create a custom template for it and then create a query box. So if I click to edit this for a second and I come over here to the template… over to template, to custom templates and say add new… and let’s just say this is my query box page. Now I’m presuming that you… there’s a reason you’re doing this instead of just doing the category archive page.

Brian: Well, I’ve already got all of those links and pages created and we’re going to add a post to those pages. I‘d hate to go back and redo all of this stuff. I’m assuming I’m saying this right.

Rick: Yeah but you recognize that WordPress automatically creates what you’re talking about.

Brian: No, I didn’t know that.

Rick: Yeah, that was what I was talking about earlier when I talked about the different pages that WordPress creates and talked about the category archive pages. WordPress automatically creates… the moment you type a category name into your create category thing, it automatically creates a page that displays every post of that category. And there isn’t anything you have to do to make that work.

Brian: Well, could you pull up babyofcolor and click on teens?

Rick: Teens, okay.

Brian: Okay, where it says Instagram Alcohol. Those are actually static pages. We want to turn them into posts where they can comment on some of this. Would that be your recommendation?

Rick: I guess that would be my recommendation is that those probably should be posts. Now it’s easy to make them posts. In the first place, this ‘teens’, this is just a page that says teens, right?

Brian: Yes.

Rick: Do you have a category called teens?

Brian: I have not created any of that that’s why I slowed up because I was watching you on some of your training videos and I’m saying “Uh oh, I think I’m going in the wrong direction here.”

Rick: Yeah because… is this… and so kids has got a different slider and a different little menu. How did you put the slider in?

Brian: It was actually… I put it inside of where you open up the box and you type the information, your content on the page. It was a shortcode that I dropped in.

Rick: Okay so with Thesis 2, what I would do is on your archive pages, I would put a widget area just above of the content and then put that shortcode in a widget and drag the widget to it. and that way, you can use display widgets to decide which category archive page the… which slideshow shows up.

Brian: Okay.

Rick: The same thing is true with the menu, actually. This could just as easily be a menu and you could put the… and you just use the menu widget, drag the menu widget in under the… in that same widget area under your text widget that has the slider and then use display widgets to decide which category this menu shows up in.

Brian: Okay.

Rick: Okay? And then this is your standard… this becomes your standard layout. This is the featured image, this is the title, this is the excerpt, this is the read more.

Brian: Okay but I actually created all of that and I watched you on the post where it was creating all of that for you.

Rick: Yes, absolutely. That’s what today’s class was about. I mean, except it wasn’t about how to do it from scratch. I was just how to understand all of those pieces. But you should be able to take today’s class and open up one of these post boxes or create your own post box. Well actually, I think you can probably just use one of Chris’ post boxes and then change the content of that post box. So… and you can compare it to Agility to see what I’ve done there. Let’s see… or home actually. But in Agility, what I’ve done… because what I’ve done in Agility is very similar to what you have. What I’ve done in Agility is create my home post box and I’ve got the heading. Now I’ve got a headline, author, date and categories. You don’t have all of that stuff but I’ve got a little wrapper for post heading and then I’ve got the thumbnail image and then I’ve got an excerpt. And I’ve created this read more link. I plan on making a box for this so that it can be used in Thesis Classic as well. Thesis Classic doesn’t currently have a read more link yet but I plan on turning that into a box. But you could easily, just by looking at what I did here in Agility, you could pretty much repeat it and accomplish what you are accomplishing on your site. And then it happens automatically. Every time you post a new post, it just shows up there.

Brian: So would you recommend that I just take this into our site and convert it into Agility?

Rick: Well, you don’t necessarily have to convert it into Agility but I do recommend that you take the entire site and make these all these things blog posts. And when you do that, you should use a plugin… I’m going to tell you the name of this plugin because you don’t actually have to change all this stuff. You can just… there’s a plugin that where you can select posts, the pages that you want to convert to posts and just say convert them and it’ll happen. And let’s see… and those are what? What is the name of that one? Post Type Switcher, that’s it. Just use that plugin and then switch all those pages over to posts then set up your categories, give them all categories and the… those category pages will then automatically get every post in that category in it. And if you’ve made those little pictures into featured images and you use my featured image box then it’ll automatically stick to the featured image size, the small size, the thumbnail size in the thing.

WordPress automates everything you’ve done manually.

Brian: Okay.

Rick: So… I mean, it’s good to know it now but rather than waiting until you’re really live… but I mean, if you’re posting several times a week, you don’t want to have to manually create that stuff. you just want to make a post and have WordPress automatically handle everything else from there. And that’s what it does.

Brian: Great. Well, I thank you for this information. I’m might reach out to you Monday and schedule some personal time, if that’s okay.

Rick: Sure, that’s fine.

Brian: Alright. Thank you very much.

Rick: I’m busier than crazy right now but… so I’m not saying I’ll have time on Monday. But that’s fine.

Brian: I will work around your schedule.

Rick: Okay well, have a good day Brian. Bye bye.

Custom Taxonomy Archive and Styling

Okay, Sandy. Good morning, Sandy. I’ve just unmuted your microphone.

Sandy: Good morning, Rick. How are you?

Rick: I’m doing well, how are you?

Sandy: Good, thank you. Just a quick question. During the Q&A on Wednesday, I walked away during the thing that I really needed to hear and that was the turning the custom taxonomies into that root style. And I was just… when were you going to get one that posted in your Live Answers? I’m at the point now with the estore where I think that’s where I need to be. I said that wrong. With Organic Friendly Farms, I’m getting to the point with Carta now where I’ve got to organize it properly so that I can set up those prints.

Rick: Okay and really, the only thing you… as long as you have set up your featured image size and have decided what parts of… or decided what you’re doing to display in that grid, the only thing you’re missing is just setting up the grid, right?

Sandy: Right.

Rick: So it’ll… I’ve told my guy to put a rush on that one so I expect that it’ll be sometime the first part of next week. But I could also just demonstrate it for you again here. I mean it’s not… all it really is just using the query box.

Sandy: Right.

Rick: The query box is the same essentially as this post box that we just did here. Everything that’s in the post box is in the query box. And so it’s just that the post box is for the primary loop and the query box is for the secondary loop. And so all you would do in the query box is… oh actually, I’m sorry. I take that all back because you’re doing this as a… it’s going to be a custom taxonomy archive, isn’t it? You’re going to have some kind of a custom taxonomy. And so what you would do in that case then is just use this regular loop and only include the thumbnail image and the title or whatever it is you want to include. And then the only thing that’s missing from this is that Thesis clears the floats on the post box and so you have to essentially unclear the float to make those things stack. But once you have the taxonomy archive post box thing set up unclearing the float is trivial. I mean, I could give you that code in a heartbeat.

Sandy: Okay.

Rick: So my suggestion is to look at the post box configuration for the taxonomy archive page and save yourself what stuff belongs inside this post box.

Sandy: Okay.

Rick: You’re not going to have any content in the post box so you’re going to put the… I mean, I don’t know what you’re going to put there but you might put the title and you might put a price and you might put the image.

Sandy: Is it possible to put an add to cart button in there too?

Rick: If you can put an add to cart button in as a shortcode, sure. But that’s how it has to go. That’s how it’ll have to go in because then you could use the custom post meta box and create a piece of custom post meta to put the shortcode in and then use the custom post meta box to insert it into the post box.

Sandy: Okay. I think I’m following you but I probably will watch that tutorial and maybe get on your schedule for sometime.

Rick: I mean, what you need… the very first thing you need to do is figure out what the exactly what it wants to look like. And once you have exactly what it wants to look like then you know what your content is. And then you… some of the content is going to be automatic like the image and the label and some of the content is not going to be automatic like the price and the Buy Now. And so the stuff that’s not automatic then we need a strategy for including. And the easiest strategy at the moment is to include it as post meta which I think is what will work.

Sandy: Okay so each of the products then need to be added as a post because I’m only going to do the first 5 products for it but I’ve got to get it all set up so when she adds her products, as you’d said earlier with the gentleman a few moments ago, it’s all automated. When she adds her products, it puts it in the right categories and taxonomy archive pages. Okay, cool. Well, I will get products added and then I’ll see how far I can get with setting up the taxonomy archive pages. And then I’ll go from there.

Rick: Sure. Perfect.

Sandy: Awesome. Thank you so much for your time, Rick.

Rick: You betcha. Well, talk to you later.

Sandy: Okay, bye bye.

Rick: Bye bye.

Save $200 on Membership Now!

Start learning today for as little as
$0.82 PER DAY!
THIS IS A LIMITED TIME OFFER!
Subscription Options
0 Comments… add one
0 comments… add one

Leave a Comment