Build Your Own Business Website header image

Create a Thesis Site From

Session 3 Q&A

Difficulty Level -

Listed Under Lesson Subjects -

Applies to -

Rick: Next week we're going to finish the styling. Then we're going to clone the site and copy it over to their live server so that this web site goes live. Now I want to answer questions from this session. Elaine has a question. I’m going to unmute your microphone. Good afternoon Elaine. Elaine: Good

Session 2 Q&A

Difficulty Level -

Listed Under Lesson Subjects -

Applies to -

Rick: Now I’m going to take questions. I'm going to start with Elaine. Elaine, you asked how are you putting widget in the sidebar? I'm just going to unmute your microphone here and make sure I understand your question. Good morning Elaine. Elaine: Good morning. I think I couldn't see for a while what was

Session 1 Q&A

Difficulty Level -

Listed Under Lesson Subjects -

Applies to -

Rick: Good morning Elaine. Elaine: Good morning. Rick: I’m not sure I fully understand your question so why don’t you just ask it? Elaine: Okay, so if I want to get around paying for my add-on domain, can I just transfer all that material… Rick: You don't have to pay for an add-on domain if

Part 4 – Upload the Full Contents of the Old Site to the New Host

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

Now that we have pointed the domain name from the old host and setup the domain at the new host let’s check to see if the existing site files have downloaded. We’ll go to hosting and come to our file manager, files and file manager. That folder would be created under public_html, so we'll open

Part 3 – Point the Domain Name from the Old Host to the New & Setup the Domain at the New Host

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

Bluehost actually makes this fairly easy because what we're going to do is create an add-on domain at Bluehost. Often when you're creating an add-on domain that means you have bought the domain from Bluehost but you don't necessarily have to buy the add-on domain for Bluehost in order to add it. As we will

Part 2 – Download the Existing Files

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

The very first part of this process of converting an HTLM website to WordPress and Thesis 2.2 is to download the existing files because it's going to take a little bit of time. The existing files are hosted here at this names.co.uk webhost. Let’s look at domains for second. We'll go to control panel, get

Part 1 – Understanding the Steps in the Process

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Really there are four big steps in this process. Copy and Move the Site Transfer Content to WordPress Styling Thesis to Match the Old Site Copy the Development Site to the Live Site The first step is to copy and move the site from one host to another. However, if your live site is on

Convert a Static HTML Website to WordPress & Thesis 2.2

Difficulty Level -

Listed Under Lesson Subjects -

Applies to -

In this 25 part case study we take an existing static HTML website and convert it to WordPress and Thesis 2.2. This includes some of the more difficult aspects like changing hosts without the website going down, setting up a development site and redirecting old pages to new SEO friendly URLs. It also involves choosing the right skin and then customizing that skin to resemble the existing site.

Website Review – Secure-tech.co.uk – Part 9 – Convert the Site to Thesis 2.1

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

The final thing I'm going to do now that the website review is done is demonstrate how quickly Faris' site can move from the Headway theme into the Thesis 2 Theme. I believe that 15 minutes from now this is going to be a Thesis 2.1 site and look essentially the same as it looks

How to Convert a Flash Site to WordPress & Thesis 2.1 – Part 14 – Use Media Queries to Improve the Responsiveness

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to - ,

To finish off this case study on How to Convert a Flash site to Thesis 2.1, we need to improve the responsiveness using media queries. We just changed the media queries to adjust for the logo in the header but we have some additional areas that need attention. For example, this menu still needs a

How to Convert a Flash Site to WordPress & Thesis 2.1 – Part 13 – Add a Responsive Header

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

We’re nearing the end of the conversion of this flash site into Thesis 2.1. We just finished adding an image gallery and next up we're going to add a responsive header. We’re going to take this logo image and place it on top of the header image when it's in a mobile device. To begin

How to Convert a Flash Site to WordPress & Thesis 2.1 – Part 12 – Create the Image Gallery

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

We are getting near the end of converting this flash site into a full Thesis 2.1 site. I'm going to unmute Jeff's, the owners of the site’s microphone so we can see if there’s anything else we are missing. Jeff it's Rick Anderson, are you there? Jeff: Hi, Rick. Yes, I'm here. Rick: Oh, perfect.

How to Convert a Flash Site to WordPress & Thesis 2.1 – Part 11 – Misc Stylistic Tweaks

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

We’re at the point in this How to Convert a Flash Site to Thesis 2.1 case study that we need to make some stylistic changes to match the look of the existing site. So now what we want to do is take these items on the menu page and make these into links. Let’s take

How to Convert a Flash Site to WordPress & Thesis 2.1 – Part 10 – Customize the Footer

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to - ,

Now that we’ve changed the Front Template page title using custom CSS in Thesis 2.1 we have a little bit of work to do in the Footer. So we want to get rid of this double line here and we want this text to center so that is the footer and is the border top

How to Convert a Flash Site to WordPress & Thesis 2.1 – Part 9 – Customize the Front Template Page Title

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

Next in this case study on converting a flash site to Thesis 2.1 we’ll be customizing the Front Template Page Title. Let's see how are we are looking here. We've got the one line but we want that one line. So that’s good. But we don't want the text in the home to be that

How to Convert a Flash Site to WordPress & Thesis 2.1 – Part 8 – Customize the Menu Style

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to - ,

Now that we have the header styled properly for the Thesis 2.1 site, we’re going to move on to customizing the menu style. And we want to center the menu just as we did with the header. Let’s say #menu main-menu, display: inline-block. Actually, I don't think this is going to work; I don't think

How to Convert a Flash Site to WordPress & Thesis 2.1 – Part 7 – Rotating Header Banner with Meteor Slideshow

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to - ,

The next thing we're going to do in this Convert a Flash Site to Thesis 2.1 case study is set up this header here. But before we can do that we need to install a plugin and the plugin I'm going to install is the Meteor Slideshow plugin. So we're going to say Add New

How to Convert a Flash Site to WordPress & Thesis 2.1 – Part 6 – Configure Social Proof Widgets

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

Now that we’ve got the basics of Thesis 2.1 configured for this conversion of a flash site, we're going to configure the social proof widgets. After that we're going to start customizing templates, clean up CSS and then we're going to make a responsive header up here. It’s not immediately obvious to you but this

How to Convert a Flash Site to WordPress & Thesis 2.1 – Part 5 – Setup Classic Responsive Skin Content Options

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to - ,

Now that we’ve got Design Options configured for our new Thesis 2.1 site, we'll come over here to Skin Content. We’ll begin with Site Title and Tagline. We're not going to show either. For comments, we can leave it just as it is. Sidebar, we're going to show the sidebar, text box and sidebar widgets

How to Convert a Flash Site to WordPress & Thesis 2.1 – Part 4 – Setup Classic Responsive Design Options

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to - ,

Now that we have WordPress setup on our development subdomain we are going to setup Thesis 2 Classic Responsive Design Options. Let’s go over to Skin Design to begin. Notice that this font size is actually quite small; I'm going to make it a little bit larger for the purpose of this. What we're going