We’ve installed WordPress on a Primary Domain, configured some initial settings and set WordPress up to behave like a traditional website and gotten our Permalinks configured. And before we move on to the next lesson where I show you how to setup your FTP system, I want to walk you through the WordPress file structure.
We’ve created a couple of WordPress pages and set up our Reading Settings so that we have a basic static website set up for a small business. Now what we're going to do is work on some Search Engine Optimization. The first thing to do is come over to our Settings and go to Permalinks.
We just finished talking about the 3 Different Ways to Use WordPress and now we’re going to look at one of those ways, using WordPress as a traditional or static website, in depth. In order to use WordPress as a static site for a small business you have to set some configurations because as I
Well good morning everybody and welcome to Lesson 10 of our How To Build A Professional Website Using WordPress and Thesis 2. Today, we are going to be talking about how to use plugins, widgets, boxes and packages. But before we jump into those subjects, we’re going to first talk about something that I intended
Now we’ll talk about the Agility skin's display configurations. So let’s switch back to the Agility skin, select skin and stop previewing skin and go to the Skin Editor. Agility comes with two tools that are unique to Agility and don’t exist inside of Thesis 2. And those two tools can be found down here
The next thing we’re going to do is add content to these attention boxes. And so we’re going to come back over to the widget area and let’s expand widget box 1 and attention box. We’re going to drag a Black Studio TinyMCE widget over to this. And for a title, we’re going to say
The next thing we’re going to do is create some attention boxes. That’s what we have here, this is what we call an attention box. It’s essentially boxes that are accented, that spotlight some particular aspect of your site that you want to draw people’s attention to. We’re going to build the attention boxes out
Now that we have created this widget and filled it out and given it its own class, this action call, we’re going to create a package to style it. Sandy said that I mentioned earlier that we’d set the widget colors in Design Options. And what I meant by that Sandy, is the Skin Options
The next thing we’re going to do is add a call to action to our feature box. This is a widget area so we’re just going to use a text widget to create this call to action. So we’ll come over to our Appearance and Widgets and I’m going to use that Black Studio TinyMCE
The slideshow we’re going to add in this class is called the Orbit Slider. There are lots of different slider plugins available to you and many of them are responsive. However, the Orbit Slider plugin is a very simple plugin. It’s very simple to use. And so for that reason, I’m going to demonstrate using
Now we are going to take a look at the Agility columns boxes in order to configure our feature box. Right now, our feature box is just one row. But what we want to create is a feature box with a slider on one side and this call to action in the other. Let’s come
Well good morning everybody and welcome to Lesson 11 of our How To Create A Professional Responsive Website Using WordPress and Thesis 2. Today we are going to dive a little deeper into the Thesis 2 Skin Editor by customizing our homepage using custom widget styles. Just to refresh your memory, this is the homepage
Let’s go to the Skin Editor now and use this multilevel drop down menu. But before we do that, I want to give you a little preview of it. Preview the Drop Down Responsive Menu This is the menu here and what this menu does is it creates this drop down with this little arrow
So the next thing we’re going to talk about is boxes because Thesis 2 introduces two new concepts. And they are skin boxes and skin packages. And boxes and packages are unique to Thesis 2. That is, they don’t exist in any other environment and they are installed and used in their own unique ways.
Now we’re going to setup the footer background colors. And the footer background colors are… where is that? Footer area top and background color… yeah, it’s the same color red that we’re using everywhere else. And I think I used a text color for that, didn’t I? No, okay. I guess not. So then our
The next thing we’re going to look at is styling the background of the footer areas. Right now obviously, one footer area has gotten some of the green and the other footer area has gotten this as the default color down here. And if you look at the site that we’re emulating here, both of
Now we’re going to work on adjusting the menu position. And the perfect way to handle that is to add some bottom margin or padding to this header area. That’s what we’re going to do although we’re not going to do it there. What we’re going to do is come over to the style for
Now we’re going to move to styling the header area itself. Remember that our goal is for it to look like this, right? So by time we’re done, this is what that heading area and the top menu is going to look like. Let’s come back over and take a look at our Agility Skin
Now we’re going to start configuring the appearance of the site because remember, this is what the site’s going to look like when we’re all finished. It doesn’t look anything like Agility necessarily and this is what we’re going to be moving the site to. We’re going to start with another cheat sheet that I
Well good morning everybody and welcome to Lesson 8 of our How To Build A Responsive Professional Website Using WordPress and Thesis 2. Today we are going to be working on setting up the appearance of our site. Before we dive right into that we’re going begin with how to manually upgrade Agility. Let’s come