Build Your Own Business Website header image

Convert a Site to Thesis

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

How to Convert a Flash Site to WordPress & Thesis 2.1 – Part 3 – Setup WordPress

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

Next up in converting this flash site to Thesis 2.1 is setting up WordPress. WordPress is already installed on the development subdomain but it hasn't been configured and the first thing we're going to do is set up the static front page. Right now the front page is set up as a blog and the

How to Convert a Flash Site to WordPress & Thesis 2.1 – Part 2 – Collect All of the Assets

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

Now that we’ve taken an inventory of the existing flash site that we are going to convert to Thesis 2.1, we need to collect all of our assets. The owner of the website gave me files with most of the assets which are files with images for the gallery, with images for use on the

How to Convert a Flash Site to WordPress & Thesis 2.1 – Part 1 – Inventory the Existing Site

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

Good afternoon everybody and welcome to this special case study on how to convert a flash website into WordPress and Thesis 2.1. We'll be using Thesis Classic Responsive as the skin. The website that we will be converting is a restaurant website in Australia and the reason why we're converting this site is because the

How to Convert a Flash Site to WordPress and Thesis 2.1

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to - ,

There are still a lot of Flash based websites out there under-performing for their owners. Thesis 2.1 makes it relatively easy to take a Flash based website and convert it into a WordPress website. In this 14 part Case Study we take a real Flash site and convert it into a WordPress site that can be easily maintained and updated by its owner.

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