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 5 – Part 7 – Question and Answer

Difficulty Level -

Rick: Richard, I’ve just unmuted your microphone.

Richard: Well, good morning.

Where to Put the Fonts and Address Them?

Rick: Good morning. How are you?

Richard: Very informative again. I’m doing well. I’m confused though about at font phase, I don’t know where to put the font and how to address it. I’ve been playing with it all last night and I’m not getting anywhere.

Rick: Where are you storing the font or are you storing the font yourself at all?

Richard: I’m storing the font and I have it under skins, classic, lib, fonts, is the folder and I have the SVG, an EOT and the TTF and our fonts in there set to go and when I’m doing the CSS, I tried it at /libfont/ then the name of the font, I tried it just the font. I tried all different kinds of combinations and I can’t get it to work.

Rick: Did you try lib/ because this is what I think it should be, not /lib but lib/fonts/filename.

Richard: Yes. I’ve tried everything I can think of. I don’t know why it’s not…

Rick: There’s got to be a syntax error in there because the css.css or all CSS files, if you’re using a relative URL in the CSS file, it is relative to the position of the CSS file. The position of the CSS file is the root of that specific skin.

Richard: Do I need to do a ..?

Rick: No, you don’t because .. takes you up a couple of levels from where you are. Actually, what I would do first is I would take the URL out of the equation and use a hardcoded URL for this first just to make sure that it’s the URL that’s the problem.

Richard: Okay. I got you.

Rick: So you would do

Richard: The whole HTTP thing.

Rick: Exactly, the entire URL. I would start with that and if that doesn’t work, then the URL is not the problem and it that does work, then the URL is the problem. In the first place, if it’s your own your site, it doesn’t matter really. You don’t have to use your relative URL and you could call it problem solved.

Richard: Right.

Rick: If it’s not your own site or if it’s a skin that’s going to be used someplace else, then you need to fix the relative URL thing but at that point, I’m pretty confident that it’s going to be lib/fonts/ whatever. Nothing before lib, just straight lib which is why I suggest that you try the straight URL because I’m guessing that’s not really the problem if you tried that and it didn’t work.

Richard: Is there any way do you know of when, I’m clicking on site title, the element styles, right? You go to options, you go to font settings then you have a drop down of fonts. Is there a way without taking another lecture on it, is there a way to load up the font into that?

Rick: Well, there’s suppose to be a way to load the font into that, I just haven’t got it working myself. There’s a Thesis Fonts Filter that’s suppose to be able to do that and I’ve talked to Chris about this a couple of times and I think, it’s something that we’re going to see fixed in the next iteration. So at that point, in 2.0.2, the fonts filter should be working properly and we should be able to add fonts using the fonts filter to that font list.

Richard: Okay, very well. There wasn’t any mention of ETA right?

Rick: Well, we’re getting ready to review the second beta of it right now. We did the first beta of it here, we’ve been playing with the first beta of it for a few days so second beta of it and my guess is that, once it’s done, my guess is it’s not going to be a lot of betas on this one.

Richard: Oh, good. So maybe beginning next month?

Rick: Well, my guess is that, that would be the latest but maybe yeah. At the point, I’m just guessing but I do know that there weren’t many problems of beta 1, this is an issue I raised in beta 1 and I believe it’s one of the few issues that they’re working on for the second beta. The second beta comes out then we’ll know for sure.

Richard: Thank you very much and have a good thanksgiving.

Rick: Thank you, I will. You too.

Richard: Thank you.

Rick: Bye. Let’s see who else. Okay, Bob’s got a question. Good morning, Bob I’ve just unmuted your microphone. Bob?

Bob: Yeah.

Rick: You had a question for me?

When Will the Files Be Available?

Bob: Just about the files. Like if those files will be available, like the box.php, skin.php?

Rick: Yeah. I’m going to try to have that stuff posted on the site this afternoon. The videos themselves will be posted on next Tuesday but I will try to get this thing posted by the end of the day here today.

Bob: Yeah, that’s more to files. That’s awesome.

Rick: Right. I will and so there should be two sets of files to download. There’s the practice files which is essentially the product of today’s work then there is that box examples folder that has the simple box and the advanced box in it.

Bob: This was really a great tutorial.

Rick: Good. I’m glad…

Bob: I’m really looking into like the boxes and packages.

Rick: Well, you know, I don’t know if we’re going to end up talking about creating packages here yet or not. The creation of a package in itself is pretty simple but trying to figure out how to tie into Thesis’ CSS system is a little less simple and I have not mastered the package thing yet. I’m guessing that the package thing will be a little easier but.

Bob: So it’s not that straightforward like the creating of file…

Rick: Well, the thing is, what a package does is it takes some parameters that you give it and it writes CSS. So what you’d want to do for example, I’ve got a package I want to write which is a navigation menu styling package that adds the ability to put backgrounds in the menu items, background images and adds the ability to customize individual menu items within the package.

Now, the problem that I’m having is, figuring out how to define those parameters in such a way as Thesis writes the CSS properly because the packages mostly, a set of parameters that you pass over to Thesis and Thesis spits out CSS.

Bob: Yeah, I notice like in all this seed.files and all that references to numbers and stuff so really, I haven’t grasp how the packages work aside from creating them in the visual editor.

Rick: Right. I don’t have that mastered yet either. As soon as I do, we’ll be talking about it and it may in fact, be before the end of this class but if not, it’ll be sometime in the next couple of months.

Bob: Okay. I wish there was a list of Thesis 2 like functions and all the constants available anywhere?

Rick: Well…

Bob: Or just the way to get them out like the thesis.php here?

Rick: Well, I have compiled a list, I don’t know of a list. Currently, that’s what I do is, in terms of…

Bob: Reverse engineer?

Rick: Yeah, just read the code and see what’s going on there. I guess it is reverse engineering but right now, that’s pretty much all anybody can do really, is just look at the code and try to figure out how to work inside of it.

Bob: Right. Okay.

Rick: Right.

Bob: The tutorial definitely been awesome.

Rick: Well, good.

Bob: Perfect timing there.

Rick: Good. Okay. Have a good day.

Bob: Alright, thanks. You too.

Rick: Bye. Let’s see so Jim has has a question or two. Good morning, Jim I’ve just unmuted your microphone.

Jim: Yeah, I’m here.

Rick: How are you doing?

Jim: Okay, thank you so much.

Rick: You bet.

Jim: I had a meeting on way in another town so I was late to todays so anyway, you said before I get to my 4 questions. Tuesday you think the videos for this class will be published?

Rick: Yeah. Our goal is every week, to have the videos published by Tuesday and so far, we’ve achieved that.

Meteor Slider Versus the Orbit Slider

Jim: Okay. So I’m going to go with the very simple questions. The recommendations between the Meteor Slider and the one that you’re using, the Orbit.

Rick: The Orbit Slider.

Jim: Yeah. I’ve also heard the Nebo Slider is really good too so I’m just wondering if you have comments, questions, I mean preferences, criticisms, whatever for those 3. Why you chose this one, just because you’re more familiar with it?

Rick: Well, I chose this one because it’s free and because it’s responsive and because it’s relatively simple to configure.

Jim: Gotcha.

Rick: So that would be the reasons why I chose this. I mean there are plenty of responsive sliders out there now and some of them can do some pretty cool stuff but the take away from the day is not so much use the Meteor Slider but how you create a box that will allow you to create a slider and drag and drop it into place.

If you’re using a widget, maybe it doesn’t matter but my goal here was to try and make a very simple straightforward system for user to come along and use and I think that the Orbit Slider is very simple for a regular user to use and it’s responsive so that’s just about it.

Jim: Is the Meteor any more complex or just…

Rick: No but it’s not responsive.

Jim: Oh, okay. Well then, forget about it.

Rick: Yeah.

Jim: That defeats the purpose.

Rick: Well, it defeats the purpose of this conversation. I mean I do demonstrate how to use the Meteor Slide Show, I do like the Meteor Slide Show when I’m not working on a responsive site. See the problem with this slide show is, that you have to actually, either you have to use a shortcode or you have to do a little bit of programming to use it whereas with the Meteor Slideshow, all you have to do is drag a widget into a widget area. That’s the nice thing about Meteor Slideshow but besides that, it’s not responsive that’s why you use this one here.

Jim: Okay. I came in 45 minutes late. You remembered what you covered, I mean just as a general, I just wonder what you did for the first 45 minutes.

Rick: We laid out the front page template and we talked about the different aspects of providing support for the Orbit Slider then created this simple version of the Thesis box. An awful lot happened on that first 45 minutes.

Jim: Yeah. Here’s another simple question. This goes back to the page that you created in this course, the last lesson or a couple of lessons before. Anyways, I noticed that you did put for just a typical page, you put the WordPress post box in there. Let’s say, if it’s just a static page like an About page, I’m wondering what the point of having the post box in there or I guess obviously, if there’s just static text, it just overwrites it I guess. I don’t know, I’m just wondering.

Rick: No. You’re talking about HTML or CSS now?


Rick: Well, if you don’t put a post box in, you won’t have any content because the post box is the thing that provides the content.

Jim: Okay. My question I’m sorry, Rick really should’ve been WP Loop. So when I think of loop, I think of blog posts but if it’s just a static page, I don’t know why you would need them.

Rick: Yeah but you’re not thinking of loop correctly because WP Loop is every page has a main loop whether it’s a static page, a blog page, an archive page. It doesn’t matter what it is, every single kind of page has a main loop. Without a main loop, it wouldn’t display.

For whatever reason, I don’t really know why Chris felt it was important to isolate the loop as a separate box here but whatever reason, without the loop, no content is going to display either because that is the part of the equation that goes to database and says, what’s the page content here then returns it, whether it’s a static page or not.

Jim: Okay. Yeah, because I always think of blog loop. I just think of the blog loop, I didn’t realize that each page has a loop itself.

Rick: There are really 3 loops to consider when you’re programming in WordPress. There is the WordPress Loop as in all caps, which is the process from page request to page render that WordPress goes through.

Jim: Okay.

Rick: Then there is the main page loop which is what this is and every page has a main page loop and that is essentially, the content between the header and the footer. It’s the part of WordPress that gets the content to be displayed on that page that is specific to that page so it’s not sidebars, it’s not the header, it’s not the header but it is that block of content, whatever that happens to be.

There are secondary loops and they are those loops that go out and get more information like get a list of categories or get all the posts in a certain category or whatever. A menu is actually a secondary loop so you’ve got those 3 kinds of loops that you have to consider whenever you are doing any programming which is what we’re doing here.

Jim: Right.

Rick: In this case, WP Loop is the Main Loop.

Save $200 on Membership Now!

Start learning today for as little as
$0.82 PER DAY!
Subscription Options
8 Comments… add one
8 comments… add one
  • Jeffrey Parker December 30, 2012, 2:38 pm

    Where’s the simple box again? So I can copy that…

  • Jeffrey Parker December 30, 2012, 5:07 pm

    When I have the public function html($depth) in the box, I get an error message echoed, (Warning: Missing argument 1 for trbm_sample_box::html() in /home/jeffgord/public_html/elena/wp-content/thesis/skins/thesis-responsive/lib/boxes/box.php on line 16
    Hello World)

    But if I leave it as public function html() {

    It seems to work just fine with Hello World as the echo.

    Do you know why this is?

  • Jeffrey Parker December 30, 2012, 5:17 pm

    Ah… when placed inside the feature box HTML section, it works, but when I place it in the body with no wrapper, I get an error with ($depth) but no error with (). strange

    • Rick Anderson December 31, 2012, 6:56 am

      Jeffrey you’ll find this issue resolved in Lesson 6. Thesis 2 changed between Lessons 5 and 6 and so the code needs to change as well. Lesson 6 goes through all of the changes.

  • Stephen B January 23, 2013, 7:44 pm

    Hi Rick,

    I have just finished lesson 5 part 3 and my site is no longer working. I have been back through the lesson to check for any errors I have made but can’t see anything.

    Could the reason that my site’s not loading be because of the changes that were made to Thesis since this lesson was recorded?

    I have noticed in reply to another user, that you have cited some changes to the code (covered in lesson 6) due to changes in a newer version of Thesis.

    My sample site is currently broken, but I don’t want to spend hours looking for errors which don’t exist, if possible.


    • Rick Anderson January 24, 2013, 7:29 am

      Stephen, I don’t think that any of the changes in Thesis would result in the site crashing from the lesson 5 code. Lesson 6 was taught in starting with the Lesson 5 code and it worked fine. The chances are there is an error somewhere in your box file. To troubleshoot it, comment out all of the boxes but one and see if it works. If it doesn’t, comment out that box as well.

      Generally, good coding practice has you gradually writing the code and testing it. That way when you have an error, you know it was in the last piece of code you wrote.

  • Curtis Flick February 14, 2013, 12:09 pm

    What would I do regarding orbit slider image size if I wanted a responsive, full width slider. In other words, how can I make it so I have the slider image full width with some text over the top?

    • Rick Anderson February 17, 2013, 7:04 am

      Curtis, you might try using a different slider. Both Soliloquy and Slider Revolution allow you to easily do that and they both have boxes for Thesis 2 that allows them to easily be inserted into your template. They are also remarkably cheap.

Leave a Comment