Build Your Own Business Website header image

WordPress 3.7

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 Fix a WP Site that is Totally Screwed Up! – Part 7 – Try to Replicate the Problem in a New Skin

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

Let's activate the skin for a moment, it's really misbehaving. So then let's activate Classic Responsive. Refresh it, okay. So Classic Responsive is working just fine and let's try something else. Something that's not on my list of things to try but we're going to try a different skin. We are going to try the

How to Fix a WP Site that is Totally Screwed Up! – Part 6 – Install a Clean Copy of the Skin

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects - ,

Applies to -

So let’s get back to solving this. I’m going to recap the steps that we have taken so far in resolving this screwed up WordPress site. We went through all the plugins and ended up deactivating them and solved a variety of little plugin issues that existed. But those didn't solve the problem on the

How to Fix a WP Site that is Totally Screwed Up! – Part 5 – Resolve Permission Issues & Install a Clean Copy of Thesis

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects - ,

Applies to -

Now that we’ve done some troubleshooting with Thesis 2.1 it’s time to resolve permissions issues on this WordPress website.Rick: Okay, here's my suggestion because what we've done here is sort of just the basic level of problem solving and what I need you to do is get to your host and make sure that they

How to Fix a WP Site that is Totally Screwed Up! – Part 4 – Troubleshoot Thesis 2.1

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects - ,

Applies to -

So we’ve deactivated plugins and deleted caching files and now it’s time to move on to troubleshooting any issues with the theme, Thesis 2.1. Rick: Go to Appearance and Themes. Peter: So about 10 minutes ago I got an email from my host saying they've moved into the home directory because it was starting to