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
Static HTML Site
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
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
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
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
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
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
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.
In this session we discuss how to convert a static HTML site to WordPress based on the Case Study How to Convert a Static HTML Site to Thesis. We use BackupBuddy to create the duplicate site in WordPress and Thesis, move the site and create 301 redirects that will take the existing page URLs and
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
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
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
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.
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
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
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
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
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
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.