Build Your Own Business Website header image

Public

Lesson 3 – Part 8 – Tour of the WordPress File Structure

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

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.

Lesson 3 – Part 7 – Configuring WordPress for Optimum SEO

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

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.

Lesson 3 – Part 6 – Configuring WordPress to be Like a Traditional Website

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - ,

Applies to -

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

Lesson 10 – Part 1 – Post Images in Thesis 2 and Agility

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects - , ,

Applies to - ,

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

Lesson 12 – Part 5 – Agility Display Configurations

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

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

Lesson 11 – Part 7 – Add Text, Images and Links to the Attention Boxes

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

Applies to -

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

Lesson 11 – Part 6 – Add Attention Boxes with the Agility Smart Widget Columns

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

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

Lesson 11 – Part 5 – Style the Call to Action

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

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

Lesson 11 – Part 4 – Add a Call to Action to the Feature Box

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

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

Lesson 11 – Part 3 – Add a Slide Show to the Feature Box

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

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

Lesson 11 – Part 2 – Configure the Agility Feature Box

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

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

Lesson 11 – Part 1 – Create a New Package for Customizing the Widget Styles

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

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

Lesson 10 – Part 11 – Configuring a Responsive Menu in Thesis 2

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

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

Lesson 10 – Part 9 – Understanding Boxes

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

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.

Lesson 8 – Part 6 – Setup the Footer Background Colors

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

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

Lesson 8 – Part 5 – Style the Bottom Menu Area of Agility

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

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

Lesson 8 – Part 4 – Style the Top Menu Area of Agility

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

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

Lesson 8 – Part 2 – Configure Font Sizes and Colors Using the Agility Nude Skin Options

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

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

Lesson 8 – Part 1 – How to Manually Upgrade the Agility Skin for Thesis 2

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

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