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 1

Difficulty Level -

Okay so that wraps up the material I have for the day. Now we’re going to go into Q&A. And so let’s see, we’re going to start off with John Greg.

Rick: Good morning, John. I’ve just unmuted your microphone.

John: Oh hi Rick. How are you?

Rick: I’m doing well. How are you?

John: Yeah I’m trying to follow along as best I can and it’s just very… well I think, very thorough. It’s very good, I must say.

Rick: Good.

Question About the Carta Skin

John: So my question was to do… a little bit off topic perhaps… but to do with Carta. And I’ve started playing around with that and I was just wondering if the boxes and the packages that are in Agility would be functional in Carta.

Rick: Well, Carta has its own version of those boxes and packages. If you look at them side by side, you’ll see that there’s the Agility featured image and the Carta featured image. They function exactly the same way. But settings, you set up in Agility will not carry through to Carta.

John: Right, okay. So are those… are the Carta boxes, are those done then as separate…

Rick: No, they’re… the Carta boxes are in Carta. So if you’ve got Carta installed, you’ve got all the Carta boxes that exist right now.

John: Right, okay.

Rick: I have a couple of things on my to-do list for Carta while it’s still on it’s beta stage so there will be some changes to boxes in the next beta release which might be by the end of the weekend. But they’ll still be… they’ll be functionally similar but they won’t be the same as the Agility boxes.

John: And does Carta have most of the… I mean, is it identical or is it… or similar?

Rick: Well, Carta box functionality is going to be almost identical to Agility when I do the next update.

John: Right, okay.

Rick: I developed Carta into beta and then used Carta to create the little demo site. And when I did that, I realized that not only did I want to add some stuff that I had in Carta to Agility but I wanted to combine them. And so the Agility widget style box is more comprehensive than the Carta widget style box. And so I’m going to make the Carta widget style box as comprehensive as the Agility one.

John: Okay. So what would you recommend holding far for a little bit before using Carta or what would you say…

Rick: No, because any settings you set up in Carta will still carry through when you update.

John: Right, okay.

Rick: Unless there is something you can’t do in Carta that you can do in Agility. I don’t think there’s any reason to wait. Carta is essentially finished and there have been no bugs reported. Any reported bug actually was some other problem. And as soon as Thesis 2.04 comes out, Carta’s going to be released in its final state. And if for some reason, 2.04 takes a while then I will end up releasing Carta out of beta. But it just depends on how long it takes Thesis 04 to come out.

John: Yeah. And there’s a… well obviously, you’re not exactly sure at the moment.

Rick: No a couple of weeks ago, I thought it was going to be by now.

John: Right, okay.

Rick: I know there’s… a lot of its features are up in the air at the moment and there’s a lot of discussion about how it should do some things. So there’s a reasonable chance that we don’t exactly know what 04 is going to look like today.

So for beginners, it’s going to be easier to use because you’re going to have to use the Skin Editor less. More of the options will just be available to you without going into the Skin Editor. For developers like me, we’re going to have to separate out our options that we’ve already created. And once 2.04 comes out, there will be a new skin administration skin that we can create so that we can have Skin Options set aside. So Carta and Agility both have that Skin Options menu and that’s going to change up some in the new version.

John: Right, okay. And will that… this sort of migration to 2.04… is it 2.04?

Rick: Yeah, 2.04. Yeah.

John: Yeah. Will they translate across? I mean, does that require a lot more work for you to make sure they…

Rick: Well, it’s unknown at the moment but that will be… that probably will be we are anticipating a fair bit of reprogramming once we really know what 04 looks like. I mean, the copy of 04 that we have right now, we could just make our stuff compatible with that version. But I’m pretty sure the version of 04 that I have today is still going to change quite a bit between now and when it gets released. Yeah, there’s going to be a bunch of updating but we already have our strategy for updating it.

Front Page, Static Pages and Blog Pages Question

John: Right, good. Just one other quick question, if I may… if that’s alright.

Rick: Go ahead.

John: Just to come back with… just to be crystal clear. The front page is… if I’ve got a static website is my home page. If I’m running a blog then the front page is the blog page basically.

Rick: Well, that’s the traditional organization. It’s not necessarily the case that it’s supposed to be like that. magazine style blog sites still have static front pages and then display various categories of posts on their front page. And their main blog page is still a different page. It’s just a stylistic question.

John: Right, okay. But when people go to my website and I want them to see… my front page will be the first page that they’ll come to.

Rick: Yes.

John: And whether it’s a blog… whether it’s shown as blog or a static page is… you’re saying is more than the design rather than…

Rick: Well, it’s independent of whether or not it’s a blog or not. I mean, if it’s not a blog obviously, it’s not going to be a post page. But if your site is primarily a blog or if your site contains a blog, those are the two types of sites, I guess, in this case. That doesn’t affect whether or not you choose to make your front page blog page or post page. You do that based on what you think is the best thing for your situation.

John: Yeah but the main point is the front page is the page that people… the first page that appears if people just type in your website.

Rick: Yes and though I want to make sure you understand that the takeaway from that is that in WordPress, it can either be a static page or it can be a post page. And you end up making that choice. But the front page in WordPress-speak, the front page is what everybody else calls a home page.

John: Right, okay. And ask of course, is really another name for a blog, really.

Rick: Yeah the chances are that a professional services site may or may not have a blog. But the professional services site nevertheless probably does want to showcase their skills and may want to show you know… may want to provide information that can be organized and categorized. And so they may not consider the blog so calling it a blog is misleading. A blog is a certain kind of a website really. I mean, people expect… if you have a blog, people think of you as a blogger and they expect you to write blog posts routinely. Whereas if you’re an architect and you are providing information to people and hoping that they’ll come to you and hire you to design buildings for them, they aren’t necessarily looking for an architecture blog. They’re looking for an architect. And so you can use the blog functionality as an architect to display content that can be organized by categories or tags. But you wouldn’t call it a blog then. You would call it something else, whether it’s articles or white papers or information or whatever.

John: Yeah well that makes sense. Thanks very much for your help on all this.

Rick: You’re welcome.

John: It’s really good.

Rick: Good. Have a good evening.

John: You too.

Rick: Bye bye.

Is the No Sidebar Template the Same as the Home Template Minus the Sidebar?

Okay Eve is next up. Let’s see, where did you go, Eve? Good morning, Eve. I’ve just unmuted your microphone. Hello Eve? I cannot hear you. Okay, I’m going to leave your microphone unmuted while you futz around and try to get that working. Well, you did ask one question. You said, “Is the no sidebar template the same as the home template minus the sidebar?”

In Agility, the answer to that is no. The no sidebar template is the same as a page template without the sidebar or the same as the front page template without the feature box. The home template is designed specifically to display a number of posts whereas the no sidebar template is designed to display only a single page.

URLs on a Blog Site

Okay, let’s try Martinez. There you go, Martinez. I’ve just unmuted your microphone.

Martinez: Hello?

Rick: Hello.

Martinez: Hey Rick, how are you doing?

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

Martinez: I’m doing pretty good. My question had to pertain with the URLs and I personally run a blog. It isn’t like a website, it’s strictly a blog. So I was wondering, do you still recommend putting like the post category within the URL also?

Rick: Absolutely. Yeah in that Google’s Search Engine Optimization Starter Guide I think their number 3 thing is improve the structure of your URLs. And they talk about how it’s organized, how your site’s organized and how that organization should be reflected inside of your URL. And with posts, the only way you have of doing that is by including your categories in it.

Header Area Problem

Martinez: Okay. Also, I don’t know if you have time for this but I’m also working on it now. I’m having a slight problem with the header area. I have a… so I have my picture in my header in there and then I want it to lay over a widget over it and use like the social icons. But now it’s like a huge space in between where the header pictures stops and where the social icons begin.

Rick: Can you give me a URL?

Martinez: I’m actually using my local host so I’m doing it from there.

Rick: Okay, why don’t I make you the presenter then and then we can just look over your shoulder?

Martinez: Okay.

Rick: Okay.

Martinez: Alright, am I the presenter now?

Rick: Well, you have to accept it so you have to show your screen. So you should have a little dialogue there asking you to show it. There you go, okay.

Martinez: So like this is my header here and then I lay a widget over the top so I can use the social icons. But do you see how far it is from each other? I want it a little bit closer. So I wanted to know how to do that like what do I do to put the widgets in there.

Rick: Why don’t you show me that? Yeah.

Martinez: Alright so here’s my header area and then I put the widgets on top of that header area page. And then the picture of the header is in this area here.

Rick: Okay and so if you open up your… if you go to your css and look at the Agility two column header… so you’ve got to scroll down there a little bit. Oh, where did it go? There, all the way to the bottom, two column header. There is, in the options, there’s a padding setting.

Martinez: Okay.

Rick: And that will be part of it.

Martinez: Okay let me tell you because I think I made it a one column header instead.

Rick: Okay. I thought I saw it as two but you’re right. Okay so just do the one column header then.

Martinez: Okay.

Rick: See, that’s 50 pixels of top padding there. You can just delete that. And in fact, what you might want to do is just say 0 px there, just to make sure that nothing gets added… lowercase P, there you go.

Martinez: Okay. And this side…

Rick: Now that will have some impact on it. I suspect the other issue is maybe bottom margin for the widget. But let’s just see what happens.

Martinez: So it came down… yeah, a significant amount.

Rick: Okay, do you want it to move more?

Martinez: Yeah.

Rick: And so right click on one of those things and say inspect element. Okay and…

Martinez: Where does it go right here?

Rick: Let’s try that again. You don’t actually have to push the button either. It can just be below the button or beside the buttons.

Martinez: Okay.

Rick: Which we’re going to right click and inspect element.

Martinez: For some reason, it’s not coming up.

Rick: There you go. Okay now in the lower left corner, there is a little box down there that… yeah, right there. Click on that. Oh that’s already done. Okay, right next to it, there is another box. Click on that one. Okay, now we can see what’s going on here. And yes, go back… scroll back up in that window in the… yeah okay, so we’ve got our header area and simple social icons. And then what you could do is you could take that div id simple social icons. You could take header area and give it a position of relative. And then take the simple social icons 3 and give it a position of absolute. And that might actually… well, and then you’re going to have to give it maybe top 0, right 0 or something like that or top right. But if you tried that, what it would do is it would take that div, simple social icons, out of the flow and allow the header to flow all the way up to the top. And then you could make the… do you understand what I’m saying?

Martinez: Yes. I’ve seen you do it with the… I think I’ve seen you do it with like the slider a couple of weeks ago.

Rick: Yeah, right. The trick is you make them… the main container that… the thing that you want to position, you make the thing… it’s contained inside of… give it a position of relative and then you take the thing you want to position and give it a position of absolute. And then use top left bottom right as means of moving it around. And it’s… and at that point, it’s relative to the container that you made as relative.

Martinez: Okay yeah I get what you’re saying.

Rick: Okay?

Martinez: Yeah, I can do that. It’s pretty easy.

Rick: Yeah and I do have the seminar you know on the positioning property in CSS which shows you how to do that again too.

Martinez: Okay. Well, thanks a lot.

Rick: Okay you’re welcome. Anything else?

Martinez: No, that’ll do it.

Rick: Okay well you have a terrific day.

Martinez: You too. Bye bye.

Rick: Bye bye.

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