Build Your Own Business Website header image

A Beginner’s Guide to the Thesis 2.3 Skin Editor

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

Good morning everybody and welcome to this special seminar, The Beginner’s Guide to the Thesis 2.3 Skin Editor. Today you are going to learn all of the basics of the Skin Editor.

What You Will Learn

You’re going to learn all about templates and how to edit them. You’re going to learn the basics of the Thesis 2.3 core Boxes. And You’re also going to learn about the link between CSS and your templates.

Who Is the Seminar For?

Who is this seminar for? It’s for beginners who want to learn how to use the Skin Editor to customize their website. We are going to talk a lot about very basic things for the first part of this seminar so that beginners can come up to speed on the basic concepts of web pages, templates, HTML and CSS.

This is also for folks who learned about the Skin Editor a couple of years ago and need a refresher. Lots of you may have learned about this back when Thesis 2.0 or Thesis 2.1 were released and have not looked back at it since then. So this will serve as a reasonable refresher for you.

It’s also for patient advanced users. If you want me to start off this session advanced it’s not going to be that way. It’s going to start of very basic but I am going to be showing some examples of what can be done in the Skin Editor which I think will be useful to advanced users.


4 Main Concepts You Need to Understand to Effectively Use the Thesis 2.3 Skin Editor

The Thesis 2.3 Skin Editor Interface

What is the Relationship Between Skins, Templates and Web Pages?

Types of Templates in Thesis 2

The Relationship of Boxes to Actual Pages

HTML – Using The Template Editor

Box Inheritance & Persistence

HTML – Description of the Thesis Core Boxes

Example #1 – Modify the Archive Post Box

CSS Selectors – The Link Between Boxes and Styles

Example #2 – Create a 2 column Header

Example #3 – Add a Grid of Recent Posts on the Front Page

Example #4 – Add the Widgetized Footer

Example #5 – Create the Gallery

Question and Answer

0 Comments… add one
0 comments… add one