Build Your Own Business Website header image

Static HTML Site

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.

How to Convert a Static HTML Site to Thesis Part 20 – Write the 301 Redirects

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

Applies to -

In this session we show how to write the 301 redirects now that the new site is up so that there are no 404 errors from the old site. We create permanent redirects from the old page addresses to the new page addresses which allows Google searches return the new pages. However, if you type

How to Convert a Static HTML Site to Thesis Part 19 – Make a Copy of the Development Site

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - ,

Applies to -

In this session we show how to make a copy of the development site and go to through the process of backing up the site using BackupBuddy. Once the backup is completed, we download the backup to the local computer, clean up the database and run the import. We also check the site’s functionality after

How to Convert a Static HTML Site to Thesis Part 18 – Make a List of All Existing Pages

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

In this session we show how to make a list of all existing pages from the old site for to the new site. We start off by making a list so that we have a one to one correspondence with to the original URLs. Then we show how to sanitize the information so that only

How to Convert a Static HTML Site to Thesis Part 15 – Transfer HTML Content

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

In this session we show how to transfer HTML content. We do this by simply copying the HTML code and pasting it in the text editor of the new page. Video Transcript Rick: I think the next… so this is actually extremely easy, adding this HTML in because this is very simple cut and paste.

How to Convert a Static HTML Site to Thesis Part 14 – Transfer Java Script Driven Content

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

In this session we show how to transfer Javascript driven content. We start off with the multiple listing service code that we want to add to the site. We open up aspx file, copy the old html code and paste it in the new site. We also show how to customize the width and inline

How to Convert a Static HTML Site to Thesis Part 13 – Transfer Flash Animation

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

In this session we show how to transfer flash animation. We discuss the process of investigating where the original HTML is, place it inside the site and find the places where the references need to be changed. Rick: This is why I don’t make any money as a web designer because I think of this

How to Convert a Static HTML Site to Thesis Part 12 – Transfer Existing CSS

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

In this session we show how to transfer existing CSS to the new site. We begin by downloading Thesis 1.8.4 giving us access to the custom CSS file. Then we add the CSS and correct issues as they arise. We also install our Landing Pages plugin that allows us to easily remove page titles from

How to Convert a Static HTML Site to Thesis Part 11 – Transfer Existing HTML Code

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

In this session we show how to transfer existing HTML code to different places on the site. In order to start moving the flash over, we need to have access to the HTML file that creates it. We also show how to download images, add them to the media library and reference the correct locations

How to Convert a Static HTML Site to Thesis Part 4 – Configure the Background Images

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

In this session we show how to configure background images by installing the Full Width Backgrounds Plugin, Thesis Simple Nav Menu Plugin and Footer Widgets Plugin. We assign a location for the Nav Menu and customize the settings in the Full Width Backgrounds plugin. We also upload menus and pages and customize their styles. The

How to Convert a Static HTML Site to Thesis Part 2 – Set up the Development Site

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

In this session we show how to create the development server. We set up and create the subdomain in BlueHost which results in the creation of a folder inside the root directory of the site. We install WordPress and configure its general settings. We create top level pages and test out the design of the

How to Convert a Static HTML Site to Thesis

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

In this case study we show how to convert a Static HTML site into a WordPress and Thesis website. As part of this process, we set up a subdomain on the development server, install WordPress on the development server, install the plugins, add all the images and create the structure. Once the site is styled and complete, we go through the process of cloning that development site and moving it to the real server.