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
A Flash Based Website
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
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.
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
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
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
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
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
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
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
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
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
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
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
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.