Build Your Own Business Website header image

Skins

Installing and Activating Skins

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

The final thing we’ll be talking about in this Introduction to Thesis 2.3 for WordPress seminar is installing and activating Skins. We’ve been using the Thesis Classic Responsive Skin today in this seminar but we could use a different skin and the website would look entirely different. Thesis is a WordPress theme and Skins are

Setup Front Page Display and Content Options

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

Good morning everybody and welcome to Lesson 11 of Build a Professional Website Using WordPress and Thesis 2.3. So the first thing we are going to do today is set up the front page display and content options. This is the front page. We created a static front page and it’s got a bunch of

Setup the Thesis Classic Responsive Skin – Lesson 6 – Part 9

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

The next thing we're going to talk about is setting up the Thesis Classic skin. Here we are in the skin and we're going to start off by looking at the Classic skin. You can see that it's a 2 column skin, it has a text box at the top of the sidebar that's waiting

Thesis 2 Skin Roundup – Other Skin Designers – Lesson 6 – Part 7

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

Besides the skins offered by DIYThemes and skins by BYOBWebsite for Thesis 2, we have Themedy. And the theme I want to draw your attention to here with Themedy is the Clip Cart skin. This is a very specialized skin for Thesis and it's specialized because Clip Cart is specifically designed to work with WooCommerce.

Installing the BYOB Agility Free Skin – Lesson 6 – Part 11

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

The next thing we're going to do is install the Agility free skin for Thesis 2. We'll come back over here to Thesis home and go to Skin and Manage Skins. Then upload a skin and choose the file. Obviously I downloaded it first and I've already got it here in my computer. Let's see

Part 17 – Configure the Thesis Classic Responsive Skin

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Now that we've decided that the Thesis Classic Skin is the best match for the hypnotherapy site it’s time to set it up. Let’s go to the dashboard and come over here to Thesis. We’ll begin our configuration in Thesis Skin Content. We're not displaying either the site title or tagline. Although, because we're using

Part 16 – Choose the Right Skin

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Now that we have the Front Page and Typical Page layout in mind, it’s time for us to choose the right Skin. It's in my opinion that there's never really a right answer or wrong answer especially in something as custom as this. Having said that it does makes sense to me to always start

How to Upgrade Carta When There is No Upgrade Notice

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

In this live answer session we walk you through the steps of upgrading Carta Skin when there is no upgrade notice. This exact same manual upgrade process can be used to upgrade any Thesis Skin when you don't have an upgrade notification. Rick: So you wanted to talk about how to upgrade the Carta Skin when

Question and Answer

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

Rick: It's time for questions...Gertrude has a question. Good evening, Gertrude, hi. Gertrude: Good evening. Yeah and I'm just wondering if it would not be a good idea just to have the video, the Fix It video which means this is just a sample, instead of having 2 columns, have that going right across and

Make the Video Landing Page Responsive

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

We are at the final step in creating a video landing page in Agility. It’s time to make sure the page is responsive. Let’s go over to the responsinator and you can see it actually is nice and responsive. You start off seeing the site on a phone. The image comes down to the right

Setup the Supporting Documentation Section

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

We just finished the second section of the landing page by adding styling to the content area in Agility so next up is the third section. The third section of the page has these two columns and what we're going to do is use widget columns for these. There will be a widget here and

Styling the Content Area

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

We finished adding content on the landing page in Agility with text and video and now it’s time to work on some styling. Here's our example, the video sits here, we’ve got a secondary headline and then we've got our text. Finally, we’ve got our DO IT NOW! We can actually style this text separately

Add Video and Text

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

Now that we have the call to action area of the landing page done, we want to put the content in here. I have a block of content to put in this, so we're going to come over and edit the page. We're going to paste the text there. Let’s go to visual for a

Setup the Call to Action Link

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

We’ve just finished setting up the content area for the landing page in Agility and it's kind of hard to see the structure here at the moment. Here's a place where our videos are going to go and here's the place where content and our call to action are going to go. This default call

Setup the Content Area

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

Now that we have the header for our Agility Skin landing page set up, we have to move on to our content area. We are going to create it using the Agility Easy Responsive Column Section. Come back over to the Skin Editor and back to the Video Landing Page and then choose Easy Responsive

Setup the Header

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

Now that we’ve gotten this template created for the landing page in Agility, it's best just to start from the top of your design and work your way. In this case at the top of the design is the header so we are going to create the header first. Then we'll create this content area,

Choosing the Right Template to Begin With

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

Once you've got a good understanding of your landing page layout you have to decide what template you're going to begin with in the Agility theme. That's actually how this seminar came about. Gertrude asked the question “What template should I use in order to create my landing page?” Once you know your layout the next

Landing Page Layout

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

Now that you know what we are covering in this How to Create a Video Landing Page Using Thesis and Agility 3 seminar, let's look at the basis of our landing page. We are creating the landing page based on this Formstack article, The Anatomy of a Perfect Landing Page. This article has a very

How to Create a Video Landing Page Using Thesis & Agility 3

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

This is a special seminar on how to create a video landing page using Thesis Theme 2.2 and Agility Skin 3. Agility has some special tools that make this process very easy that other skins don’t have. We create a landing page based on this Formstack article, The Anatomy of a Perfect Landing Page. This article