Customize Thesis Like A Pro
These lessons build on the “Start Building Your Website Here” video tutorials but don’t assume that you have watched them. If you already have Thesis activated on a WordPress site and are comfortable with the basics of WordPress then this is a great place to start.
Before you begin
- Have a hosting account with a domain name and WordPress 3.0 installed
- Have a copy of Thesis 1.8 installed on the site and activated.
Lesson 1 – Managing the File Structure
- Understanding the Default WordPress and Thesis File Structure
- Create a Local “Mirror” Copy of Your Site’s File Structure
- Configure Filezilla for Synchronized Browsing
- Create a Local Copy of Thesis Customization Files
- Prepare the Site for Customization
Lesson 2 – Introduction to Customizing Thesis Using CSS
- Overview of CSS
- The CSS Files Thesis Uses
- Best Practices Rule #1 – Use Thesis Design Options when Possible
- Best Practices Rule #2 – Write the Minimum Code Necessary
- Best Practices Rule #3 – Use
.customBefore All Modifications to Thesis CSS - Best Practices Rule #4 – Use Descriptive and Unique Names for Your Custom CSS Selectors
- Best Practices Rule #5 – Never (almost) use
display:none; - Best Practices Rule #6 – Always Edit Your Local Copy, Never Edit a Live File
Lesson 3 – Tools of the Trade
- Install Netbeans
- Tour Netbeans Functionality
- Install and Tour MeasureIt Fuctionality
- Install and Tour CollorZilla Functionality
- Install Firebug and Web Developer
- Tour Firebug and Web Developer Functionality
- Use Firebug and Web Developer together
- Workflow Case Study – Styling a Submit Button
Lesson 4 – Customizing Backgrounds With Images and Color
- Adding a tileable background image
- Add additional background images to page elements
- Adding a fixed background image
- Add background color to various page elements
Lesson 5 – Thesis Custom Classes
- Understanding Thesis Custom Classes
- Case Study – Vary Header Image Using Automatic Custom Classes
- Case Study – Vary Header Image Using Your Own Custom Classes
Lesson 6 – Inheritance and Specificity in Thesis
- CSS Inheritance and Thesis
- CSS Specificity and Thesis
- CSS Specificity and the Thesis Custom Body Class System
- The Structure of the Thesis Navigation Menu
- Specificity and Inheritance in the Thesis Navigation Menu
- Specificity in the Structure of the Thesis Navigation Menu
- Classes Thesis Applies to the Navigation Menu
- Examples of Styling Elements of the Thesis Navigation Menu
Lesson 7 – Thesis Page Frameworks
- Understanding the Two Types of Page Frameworks
- The Thesis Page Framework
- The Thesis Full-Width Framework
Lesson 8 – Styling Inputs in Thesis
- How Thesis Styles Input Fields
- Styling
input[type="text"] - Styling
input[type="radio"] - Styling
input[type="submit"] - Styling
input[type="button"] - Styling
text-area - Styling
select
Lesson 9 – Introduction to Customizing Thesis Using PHP
- Overview of PHP and
custom_functions.php - Understanding Thesis Hooks
- Remove an Action from a Thesis Hook
- Add an Action to a Thesis Hook
- Add a Custom Image Banner using PHP
- Display Different Banners on Different Pages
Lesson 10 – Introduction to Custom Sidebars
- HTML Structure of a Thesis Sidebar
- Register the New Sidebar
- Build the Dynamic Sidebar
- Hook the Sidebar to the Appropriate Pages
Lesson 11 – Introduction to Custom Templates
- Understanding the Structure of a Custom Template in Thesis
- Creating a Basic Custom Template
- Adding Thesis Functionality to the Custom Template
- Add the Thesis Post Box
- Add a Sidebar Above the Content
- Create a 2 Column Template in a 3 Column Layout
- Create a 3 Column Template in a 2 Column Layout
Lesson 12 – Introduction to Thesis Filters
- Understanding Thesis Filters
- Change the Default “Add Comment” Text
- Change the Default “Comments” Text
- Remove Post of Page Heading
- Remove Sidebar on Specific Posts
; 
