; Intermediate Tutorials
Our intermediate tutorials cover everything you need to know to take the design of your WordPress and Thesis business website to the next level and to create a full fledged working online store. Thesis tutorials will teach the basics of using HTML, CSS and PHP to customize your site.
Our videos are organized by tutorial series and by subject matter. You can find links to most of our beginner tutorials below.
Build an Ecommerce Website
This is our second flagship series with 16 lessons intended to take a beginner from zero to a fully functioning E-Commerce website. There are currently 93 self paced videos that will take you step by step through each part of the process to build an ecommerce website. You’ll need no prior knowledge of website building. These lessons build on the “Start Building Your Website Here” video tutorials.
Customize Thesis Like a Pro
This is another of our flagship series with 17 lessons intended to take a beginner from no knowledge of CSS and PHP to being fully capable of using these tools to customize Thesis. You’ll need no prior knowledge of CSS, HTML or PHP. 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.
Using WordPress
WordPress is a very powerful Content Management System with many features available through HTML, CSS or PHP. This collection of videos uses HTML, CSS and PHP along with other WordPress tools such as custom menus, custom post types, and more complex plugins to customize the base WordPress functionality.
Using WordPress Tutorial List
Clone a Website
- How to Manually Clone Your WordPress Website – Part 6 – Modify Target wp-config.php
- How to Manually Clone Your WordPress Website – Part 2 – Make a Copy of Source Database
- How to Manually Clone Your WordPress Website – Part 3 – Upload Source Files to the Target Site
- How to Manually Clone Your WordPress Website – Part 4 – Create a Target Database and Database User
- How to Manually Clone Your WordPress Website – Part 5 – Import the Source Database
- How to Manually Clone Your WordPress Website – Part 6 – Modify Target wp-config.php
Using Java Script
WordPress Settings
Using Pages
Using Posts
Using Links
Using Images
- Part 1 – Create the PHP function that Adds the Image Navigation Menu
- Portfolio Website Case Study – Part 1, How to Make a Horizontal Scrolling Portfolio
- How to Use Images as Bullets in List Items of an Unordered List
- How to Add an Icon to a Link
- Part 1 – Create the PHP function that Adds the Image Navigation Menu
Using Categories
Using Tags
Using Appearance
Widgets
Menus
Install WordPress
Backup Wordpress
Using HTML in WordPress
Iframe
Introduction
Text
Lists
Image Links
Aligning Elements
Tables
- Using a Table to Create a “Skin” for a Video Player
- How to Convert Tables Created in Word to a Standard Compliant Markup – Part 2 – Style the New Text Markup
- Style Tables with CSS – Part 1, HTML Table Structure
- Style Tables with CSS – Part 2, Add CSS to the Table
- Using a Table to Create a “Skin” for a Video Player
Security
Using jQuery in WP
- Custom Front Page Loop that Displays One Post from Each Category – Part 7 – Add the jQuery Plugin to the Site
- Custom Front Page Loop that Displays One Post from Each Category – Part 3 – Create the Custom Loop
- Custom Front Page Loop that Displays One Post from Each Category – Part 6 – Configure the Loop to Create the Required HTML
- Custom Front Page Loop that Displays One Post from Each Category – Part 1 – Is Thesis the Right Tool for the Job?
- Custom Front Page Loop that Displays One Post from Each Category – Part 4 – Look at jCapSlide
- Custom Front Page Loop that Displays One Post from Each Category – Part 5 – How to Use jCapSlide
- Custom Front Page Loop that Displays One Post from Each Category – Part 7 – Add the jQuery Plugin to the Site
Custom Taxonomies
Custom Post Types
- Case Study Part 4 – Configure Permalinks for Custom Post Types
- Custom Post Type Case Study – Part 2 – WordPress Tools to Solve the Problem
- Custom Post Type Case Study – Part 4 – Create a Custom Post Meta
- Custom Post Type Case Study – Part 3 – Create a Custom Post Type Content
- Custom Post Type Case Study – Part 5 – Create Some Posts
- Custom Post Type Case Study – Part 6 – Add Thesis Post Meta to Custom Post Types
- Custom Post Type Case Study – Part 7 – Setup the Custom Post Type
- Custom Post Type Case Study – Part 8 – Create the Shortcode Function
- Custom Post Type Case Study – Part 10 – Refine the Shortcode Function
- Custom Post Type Case Study – Part 11 – Applying the Concept to Other Post Types
- Case Study Part 6 – Listing Custom Post Types on the Appropriate Page
- Case Study Part 1- Community News Site, Custom Taxonomy vs Custom Post Types
- Community Library Website – Case Study Part 2 – Create Custom Post Types
- Community Library Website – Case Study Part 3 – Custom Post Type Configuration
- Case Study Part 3 – Convert Posts to Custom Post Types
- Community Library Website – Case Study Part 5 – Custom Taxonomy Decisions – Practical Application
- Case Study Part 4 – Configure Permalinks for Custom Post Types
Custom Post Meta
- Community Library Website – Part 52 – Sort Posts by Meta Value
- Custom Post Type Case Study – Part 2 – WordPress Tools to Solve the Problem
- Custom Post Type Case Study – Part 4 – Create a Custom Post Meta
- How to Add HTML to Custom Post Meta in the Teaser Display
- Community Library Website – Case Study Part 9 – Creating Custom Post Meta
- Community News Case Study – Part 11 – Add Event Information as Custom Post Meta to Events
- Community Library Website – Part 52 – Sort Posts by Meta Value
File Structure
- Lesson 1 – Part 3 – Configure FileZilla for Synchronized Browsing
- Lesson 1 – Part 1 – Understanding the Default WordPress and Thesis File Structure
- Lesson 1 – Part 2 – Set Up Local File Structure
- Lesson 1 – Part 4 – Create a Local Copy of Thesis
- Lesson 1 – Part 3 – Configure FileZilla for Synchronized Browsing
Local Installation of WordPress
- How to Use Bitnami and Netbeans to Create a Local Development Site Part 2
- How to Create a Local Installation of WordPress – Part 2 – Adjust Windows Permissions
- How to Create a Local Installation of WordPress – Part 3 – Modify the php.ini file
- How to Create a Local Installation of WordPress – Part 5 – Enable Pretty Permalinks
- How to Create a Local Installation of WordPress – Part 4 – Create a NetBeans Project
- Can you use Bitnami for a Local Installation of WordPress?
- How to Use Pretty Permalinks in a Local Installation
- How to Use Bitnami and Netbeans to Create a Local Development Site Part 1
- How to Use Bitnami and Netbeans to Create a Local Development Site Part 2
MySQL
Data Import
Using Plugins
Plugins provide almost unlimited opportunities for customizing your site. You’ll learn how to customize some of the most important plugins so they enhance your site design. You’ll also learn about plugins for importing data, creating custom fields, custom post types and custom taxonomies, as well as backing up and restoring your website.
Plugins Tutorial List
Shortcoder Plugin
Shopp
Customizing
- Week 6 – Part 4 – Conditionally Add Customer Input to Products
- Week 7 – Part 2 – Customize the Checkout View
- Week 7 – Part 3 – Customize the Product Display Widget
- Week 6 – Customize Shopp Templates Pt 2
- Week 7 – Final Customization and Testing
- Week 5 – Part 2 – The Shopp Method of Customization
- Week 5 – Part 3 – Using Shopp Template Tags
- Week 5 – Part 4 – Examples of Changing Shopp with Template Tag Options
- Week 5 – Part 5 – Add Customer Inputs to Order
- Week 5 – Part 6 – Customize the Main Catalog View
- Week 5 – Part 7 – Tour the Category Template
- Week 5 – Part 8 – Customize the Category View
- Week 5 – Part 9 – Customize Shopp CSS
- Week 6 – Part 1 – Customize the Category View
- Week 6 – Part 2 – Add Customer Input to Products
- Week 6 – Part 3 – Customize the Product View
- Week 6 – Part 4 – Conditionally Add Customer Input to Products
Contact Form 7
CSV Importer
- Community Library Website – Part 50 – Find and Replace Semi-colons in the Database
- Community Library Website – Part 12 – Prepare Existing Data for import by the CSV Importer plugin
- Community Library Website – Part 13 – Import Existing Data Using the CSV Importer Plugin
- Community Library Website – Part 16b – Final Data Import
- Community Library Website – Part 50 – Find and Replace Semi-colons in the Database
Custom Post Permalinks
Custom Post Type UI
- Community Library Website – Case Study Part 8 – Creating Non-Hierarchical Custom Taxonomies
- Community Library Website – Case Study Part 2 – Create Custom Post Types
- Community Library Website – Case Study Part 3 – Custom Post Type Configuration
- Community Library Website – Case Study Part 7 – Creating Hierarchical Custom Taxonomies
- Community Library Website – Case Study Part 8 – Creating Non-Hierarchical Custom Taxonomies
Dynamic Content Gallery
- Adding the Dynamic Content Gallery to the Thesis Header
- Lesson 12 – Part 5 – Dynamic Content Gallery Settings
- Lesson 12 – Part 6 – Configure the Appearance of Your Gallery With CSS
- Lesson 12 – Display Featured Products Using the Dynamic Content Gallery
- Adding the Dynamic Content Gallery to the Thesis Header
My Category Order
Post Type Switcher
Random Post Link
Recent Comments
SH Slideshow
Sliding Panel Plugin
Taxonomy Drill-Down
Verve Meta Boxes
- Add Twitter, Facebook Like and Google +1 to Post in Thesis – Part 3 – Create a Meta Box for Pages
- Community Library Website Case Study- Part 10 – Creating Custom Post Meta – Continued
- Community News Case Study – Part 11 – Add Event Information as Custom Post Meta to Events
- Multilingual Website – Case Study Part 4 – Create Custom Post Meta
- Add Twitter, Facebook Like and Google +1 to Post in Thesis – Part 3 – Create a Meta Box for Pages
Widgets Reloaded
WP eMember
WP eStore
Display Products
- Rearranging the WP eStore Fancy 3 Product Display
- Lesson 5 – Customize the Display of the Product Catalog & Add the Shopping Cart
- Lesson 5 – Part 3 – How to Display Product Categories
- Lesson 5 – Part 4 – How to Display All Products in a Given Category
- Lesson 5 – Part 5 – How to Display Individual Products
- Rearranging the WP eStore Fancy 3 Product Display
Buy Now
Configure
Create Products
- Lesson 4 – Part 4 – Add a digital download product to your catalog
- Lesson 4 – Part 1 – Review the product checklist
- Lesson 4 – Part 2 – Add a physical product to your catalog
- Lesson 4 – Part 3 – Add product variations, shipping and inventory control
- Lesson 4 – Part 4 – Add a digital download product to your catalog
Extra Shortcodes Plugin
Shopping Cart
- Identifying Shopping Cart Session Problems in WP eStore
- Lesson 5 – Part 6 – Add the Shopping Cart
- Lesson 5 – Part 7 – Buy Now & Add to Cart Buttons
- Lesson 13 – Part 5 – Modify the Shopping Cart to play well with Widgets Display
- Lesson 13 – Part 6 – Edit the appearance of the Shopping Cart using CSS
- How to Create An On Click Version of a WP eStore Add to Cart Button
- Is it Possible to Hide the Add to Cart Button in WP eStore Product Display?
- Identifying Shopping Cart Session Problems in WP eStore
Site Organization
PayPal
Customize the Appearance
- Is it Possible to Hide the Add to Cart Button in WP eStore Product Display?
- Lesson 13 – Part 6 – Edit the appearance of the Shopping Cart using CSS
- Part 1 – How to Customize the Simple View of Category Listings
- Part 2 – How to Use Custom Classes to Selectively Apply CSS Rules
- Part 3 – How to Customize the Simple View of Product Listings
- Part 4 – How to Customize the Grid View of Product Listings
- Part 5 – How to Customize the Box View of Product Listings
- Is it Possible to Hide the Add to Cart Button in WP eStore Product Display?
Install
WP-Table Reloaded
Customizing Thesis
Thesis is designed to be customized. In these videos you'll learn the basics of Thesis customization. Once you have an intermediate knowledge of HTML, CSS and PHP, you can customize all aspects of your website from styling your headers, menus, sidebars and links to creating custom templates and custom loops.
Customizing Thesis Tutorial List
Introduction
CSS
Image Sprites
Mobile
Page Titles
Inheritance and Specificity
Position Property
Float Property
Fonts
Gradients
Input Fields
- Lesson 5 – Part 8 – Fix the Thesis Button with CSS
- How to Create a Submit Button Using CSS3 Gradients
- Part 7 – Replace Search Submit Button With Button Image
- Part 4 – Style a CSS “Submit” Button
- Lesson 3 – Part 8 – Workflow Case Study – Styling a Submit Button
- Lesson 5 – Part 8 – Fix the Thesis Button with CSS
Background Images
- How to Use a Background Image in a Sidebar
- Lesson 4 – Customizing Backgrounds With Images and Color
- Video 1 – Using Fixed Non-scrolling Background Images
- Video 1 – Using Tiled Background Images
- Video 2 – Using Fixed Non-scrolling Background Images
- Video 2 – Using Tiled Background Images
- Lesson 4 – Part 1 – Adding a Simple Tiled Background Image
- Using a Table to Create a “Skin” for a Video Player
- Lesson 4 – Part 2 – Understanding the background image properties
- Lesson 4 – Part 3 – Adding Additional Semi-Transparent Tiled Background Images
- Lesson 4 – Part 4 – Adding a Fixed, Non-scrolling Background Image
- Customizing Your Backgrounds – Adding tileable background images
- Customizing Your Backgrounds – Adding a Fixed Non-scrolling Background Image
- How to Add a Gradient Background Image to the Comments Section
- Adding a Background Color to a Category Widget
- How to Use Images as Bullets in List Items of an Unordered List
- How to Use a Background Image in a Sidebar
Line Height Property
z-index
Introduction
- An Overview of How to Use Netbeans, FileZilla, Firefox and Web Developer to Edit CSS
- Lesson 2 – Introduction to Customizing Thesis Using CSS
- Customize Thesis Like a Pro – Introduction to editing the CSS
- What is the difference between ID and Class in CSS
- Using Fonts on Your Site that are not Included with Thesis
- Video 1 – Preparing your Thesis site for customization
- Video 2 – Explore the Thesis CSS file Structure
- Video 3 – Best Practices in Editing Thesis CSS
- Lesson 2 – Part 1 – Introduction to Editing Thesis Using CSS
- Lesson 2 – Part 2 – Introduction to Thesis Style Sheets
- Lesson 2 – Part 3 – Best Practices #1 Use Thesis Design Options Whenever Possible
- Lesson 2 – Part 4 – Best Practices #2 Write the Minimum Code Necessary
- Install NetBeans 7.0 – Part 5, Write Your First CSS Rule
- Lesson 2 – Part 5 – Best Practices #3 Use Thesis .custom Class
- Lesson 2 – Part 6 – Best Practices #4 Use Descriptive and Unique Names
- Lesson 2 – Part 7 – Best Practices #5 Never Use display:none;
- Lesson 2 – Part 8 – Best Practices #6 Always Work on a Local Copy of Your File
- Lesson 1 – Part 5 – Prepare Our Thesis Site for Customization
- An Overview of How to Use Netbeans, FileZilla, Firefox and Web Developer to Edit CSS
PHP
Introduction
- Troubleshooting custom_functions.php
- Customize Thesis Like a Pro – Introduction to editing the PHP
- Video 1 – An Introduction to custom_functions.php
- Video 2 – Understanding Thesis Hooks
- Video 3 – Removing an Action from a Thesis Hook
- Video 4 – Adding an Action to a Thesis Hook
- Troubleshooting custom_functions.php
Integrating Other Applications
Filters
- Lesson 16 – Using WordPress “Comments” for Product Reviews
- Customize Next & Previous Posts Links – Part 2 – Editing the Text Using Thesis Filters
- Customize Next & Previous Posts Links – Part 3 – Remove the Thesis Filters
- Lesson 16 – Part 1 – Understanding Thesis Filters
- Lesson 16 – Part 4 – Use a Template Tag to Enhance the Filter Output
- Lesson 16 – Part 2 – Use a Thesis Filter to Change the Comment Form Title
- Lesson 16 – Part 3 – Use a Thesis Filter to Change the Comment Intro
- Customize Next & Previous Posts Links – Part 4 – Create Custom Post Navigation
- How to Create a Landing Page in Thesis
- Lesson 16 – Using WordPress “Comments” for Product Reviews
Hooks
Misc. Functions
HTML
Un-ordered Lists
Image Links
Link Tag
Thesis Nav Menu
- Part 2 – Move Thesis Navigation Menu Below Header
- Part 2 – Write the CSS to Add the Background Image
- Part 3 – Apply the Menu Style to Specific Pages
- Lesson 6 – Part 4 – The Structure of the Thesis Navigation Menu
- Lesson 6 – Part 5 – Classes Thesis Applies to the Navigation Menu
- Lesson 6 – Part 6 – Specificity in the Structure of the Navigation Menu
- Lesson 6 – Part 7 – Classes Thesis Applies to the Navigation Menu
- Lesson 6 – Part 8 – Examples of Styling Elements of the Thesis Navigation Menu
- Lesson 10 – Part 1 – Understanding the Structure of the Thesis Navigation Menu
- Lesson 10 – Creating the Floating Boxes Navigation Menu
- Lesson 10 – Part 2 – Configure Thesis Navigation Menu Design Options
- Lesson 10 – Part 3 – Add Custom Styling to Menu Text
- Fine Tune the Width and Location of the Navigation Menu
- Lesson 10 – Part 4 – Configure Size and Spacing of Menu Items
- How to customize the appearance of the navigation menu
- Add a Background Image to the Thesis Navigation Menu
- How to Configure Thesis Navigation Menu as Buttons Using CSS3 Gradients
- Rounded Tabs in the Navigation Menu
- How to Center the Thesis Navigation Menu
- Indicating the Current Page on the Thesis Nav Menu
- Style Individual Menu Items on the Thesis Navigation Menu
- How to Add CSS3 Gradients to the Thesis Navigation Menu
- Part 2 – Move Thesis Navigation Menu Below Header
WordPress Menus
- Multilingual Website – Case Study Part 6 – Add the Language Specific Menus
- How to Add an Additional Menu to the Footer in Thesis
- Community Library Website – Part 18 – Add WordPress 3.0 Menus
- Community Library Website – Part 31, Adding Custom WordPress Menus
- Community Library Website – Part 32, Add Custom Menus to the Catalog Page
- Community Library Website – Part 33, Add Another Custom Menu to the Catalog Page
- Community Library Website – Part 36, Add HTML Markup to WordPress Menus
- Community Library Website – Part 37, Add WordPress Menus to Archive Pages
- Multilingual Website – Case Study Part 6 – Add the Language Specific Menus
Header
- Adding the Dynamic Content Gallery to the Thesis Header
- Part 3 – Add Background Image to Header Area
- Video 1 – How to add a custom image header to Thesis 1.6
- Video 1 – How to add the menu beside a custom image header
- Video 2 – How to add the menu beside a custom image header
- Video 2 – How to add a custom image header to Thesis 1.6
- Video 3 – How to add a custom image header to Thesis 1.6
- How to add a custom image to your Thesis 1.6 header
- How to add a custom image to your Thesis header – the default method
- Video 5 – Replace the Default Header with a Custom Banner Image
- How to add a custom image beside the navigation in a Thesis header
- Video 6 – Adding Different Banners to Different Pages
- Phone Number in Thesis Header
- Is it Possible to Add an Alt Tag to a Header Image Using the Thesis Header Image Function?
- How to Display Different Header Images on Different Pages
- How to Use CSS3 Gradients as a Header Background in Thesis
- How to Create a Header with a Logo Image Beside the Navigation Menu
- Part 4 – Add Foreground Image to Thesis Header
- Part 6 – Add Search Bar to Thesis Header
- Creating Full Width Header Using BYOB Thesis Plugins – Part 5 Add Sprite Image to Nav Menu
- Part 2 – Move Thesis Navigation Menu Below Header
- Adding the Dynamic Content Gallery to the Thesis Header
Styling Content
Footer
Sidebars
- How to Create a Single Sidebar Custom Template
- Part 2 – Register the sidebar
- Introduction to Making Custom Sidebars in Thesis
- Part 1 – The HTML structure of a Thesis Sidebar
- Part 3 – Build the dynamic sidebar
- Lesson 11 – Part 1 – Register the Sidebars (Widget Ready Areas)
- Lesson 11 – Part 2 – Create the Dynamic Sidebars (Widget Ready Areas)
- Lesson 11 – Part 3 – Add Styling to the Widget Areas
- Thesis Sidebars – Reconfigure Sidebars Without a Custom Template
- Video 5 – Add Thesis sidebar 2 to your custom template
- Configure Custom Sidebars and Custom Templates
- How to Create a Single Sidebar Custom Template
Custom Templates
- How to change the language displayed based on user input
- Video 1 – Custom Templates in Thesis
- Video 2 – Create a simple custom template
- How to Create Custom Templates For Posts – Part 2 – Remove Sidebars from Posts
- How to Create Custom Templates For Posts – Part 3 – Add Custom Body Class
- Video 3 – Add Thesis structure to your custom template
- How to Create Custom Templates For Posts – Part 5 – Create Minimalist Template
- Video 4 – Add thesis_page_loop to your custom template
- How to Create Custom Templates for Posts – Part 7 Create the “Minimalist” Post Template
- How to Create a Landing Page in Thesis
- Video 5 – Add Thesis sidebar 2 to your custom template
- Video 1 – How to create posts with the scheduled publish feature
- Video 2 – How to prepare the page to take the custom template
- Video 3 – How to write the code for the custom template
- Troubleshooting Thesis Custom Templates – Part 1
- Troubleshooting Thesis Custom Templates – Part 2
- Troubleshooting Thesis Custom Templates – Part 3
- Troubleshooting Thesis Custom Templates – Part 5
- Thesis Custom Templates Part 1 – How Thesis Uses Custom Templates
- Thesis Custom Templates Part 2 – Do you need a Custom Template to Customize the Appearance of a Specific Page?
- Part 1 – Create a Blank Thesis Custom Template
- Part 2 – Make a Minimalist Header
- Part 3 – Adding a Customized Navigation Menu to our Home Page
- Part 4 – Create Navigation Style Unique to This Page
- How to Create an Events Listing in WordPress & Thesis 1.6 – 1.8
- How to Create Custom Templates For Posts – Part 1 – Create Selector Meta Box
- How to Create Custom Templates For Posts – Part 4 – Add Custom Sidebars
- How to Create Custom Templates For Posts – Part 6 – Write the CSS
- How to have a page with a single column layout on a site with a 2 column layout
- Configure Custom Sidebars and Custom Templates
- How to create a 3 column custom template
- How to Create a Minimalist Home Page in Thesis
- How to Create a Simple Video Squeeze Page
- How to Create a Single Sidebar Custom Template
- Create user selectable custom templates in Thesis
- Thesis Page Structure Illustration
- How to change the language displayed based on user input
Custom Body Class
- Part 2 – How to Use Custom Classes to Selectively Apply CSS Rules
- How to Use Post Formats in Thesis – Part 4 – Add Custom Body Class
- Lesson 5 – Part 2 – Apply Styling to Individual Pages, Posts and Archives
- Lesson 5 – Part 1 – Understanding Thesis Custom Body Classes
- Lesson 6 – Part 3 – CSS Specificity and the Thesis Custom Body Class System
- Lesson 5 – Using the Thesis Custom Body Class System
- Lesson 6 – Inheritance and Specificity in Thesis
- Part 2 – How to Use Custom Classes to Selectively Apply CSS Rules
Full-width Framework
Thesis Teasers
- Community Library Website – Part 45, Add Thesis HTML Structure to Teasers
- Community Library Website – Part 24, Add Taxonomy and Post Meta Data to the Teaser
- Community Library Website – Part 25, Add Taxonomy Data to the Teaser
- Community Library Website – Part 27, Styling the Teaser Using CSS
- Community Library Website – Part 28 – Fine Tune the Teaser Display
- Community Library Website – Part 45, Add Thesis HTML Structure to Teasers
Custom Loops
- Display Only a Single Category of Posts on the Home Page
- Case Study Part 6 – Listing Custom Post Types on the Appropriate Page
- Community News Case Study – Part 12 – Create a Page with a Custom Loop to Display the Events Sorted by Date
- Community News Case Study – Part 13 – Display Event Date on Teasers
- Community News Case Study – Part 14 – Show Only Upcoming Events
- Custom Front Page Loop that Displays One Post from Each Category – Part 2 – Create the Static Front Page
- Custom Front Page Loop that Displays One Post from Each Category – Part 3 – Create the Custom Loop
- Custom Front Page Loop that Displays One Post from Each Category – Part 6 – Configure the Loop to Create the Required HTML
- Custom Front Page Loop that Displays One Post from Each Category – Part 8 – Call the jQuery Script
- Community Library Website – Part 42, Custom Loop to Display Custom Post Types
- Community Library Website – Part 43, Simple Custom Query
- Community Library Website – Part 44, Custom Taxonomy Query
- Community Library Website – Part 46, Display Posts from the Last 60 Days
- Community Library Website – Part 47, Custom Loop If Have Posts
- Community Library Case Study – Part 48, Increase the Number of Posts that Display on the Custom Catalog
- Community Library Website – Part 52 – Sort Posts by Meta Value
- Community Library Website – Part 54 – Sort Archive Posts by Meta Value
- Community Library Website – Part 55 – Add Sort Order to Custom Taxonomy
- Portfolio Website Case Study – Part 1, How to Make a Horizontal Scrolling Portfolio
- Display Only a Single Category of Posts on the Home Page
Home Page Customization
Troubleshooting
- Troubleshooting Thesis CSS – A Member Case Study
- Troubleshooting Thesis Custom Templates – Part 1
- Troubleshooting Thesis Custom Templates – Part 2
- Troubleshooting Thesis Custom Templates – Part 3
- Troubleshooting Thesis Custom Templates – Part 4
- Troubleshooting Thesis Custom Templates – Part 5
- Troubleshooting Thesis CSS – A Member Case Study
Styling Widgets
Child Themes
Thesis Post Meta
- Community Library Website – Part 17 – Add Thesis Post Meta to Custom Post Type
- Custom Post Type Case Study – Part 7 – Setup the Custom Post Type
- How to Add HTML to Custom Post Meta in the Teaser Display
- Case Study Part 8 – Add Thesis Meta to Custom Post Types
- Community Library Website – Part 17 – Add Thesis Post Meta to Custom Post Type
Thesis File Structure
Tools of the Trade
This collection of videos teaches about the “tools of the trade” that the pros use to aid in customizing and troublshooting a website. We cover the code editor Netbeans and then some add-ons to Firefox including MeasureIt, ColorZilla, Firebug, and Web Developer. Once you learn how to use these tools, you will be able to customize your website much more easily.
Tools of the Trade Tutorial List
Introduction
FileZilla
NetBeans
- Why Don’t we Use NetBeans Projects?
- Lesson 3 – Part 2 – Tour NetBeans Functionality
- Install NetBeans 7.0 – Part 1, Download the Program
- Install NetBeans 7.0 – Part 2, Install the Program
- Install NetBeans 7.0 – Part 3, Set Up NetBeans
- Install NetBeans 7.0 – Part 4, Opening Files in NetBeans
- How to Create a Local Installation of WordPress – Part 4 – Create a NetBeans Project
- Install NetBeans 7.0 – Part 5, Write Your First CSS Rule
- How to Use Bitnami and Netbeans to Create a Local Development Site Part 1
- How to Use Bitnami and Netbeans to Create a Local Development Site Part 2
- An Overview of How to Use Netbeans, FileZilla, Firefox and Web Developer to Edit CSS
- Is there an alternative text-editor besides Netbeans for the Mac?
- Why Don’t we Use NetBeans Projects?
Firebug
- How to use Firebug to identify the line-height property of a Tag Cloud widget in Thesis
- How to Identify the Selector in Firebug that You Want to Change
- Part 1 – How to Install Firebug & Web Developer
- Part 2 – Tour the Functionality of Firebug & Web Developer
- Part 3 – How to Use Firebug & Web Developer Together
- Part 4 – Style a CSS “Submit” Button
- Lesson 3 – Part 5 – Install Firebug and Web Developer
- Lesson 3 – Part 6 – Tour Firebug and Web Developer Functionality
- Lesson 3 – Part 7 – Use Firebug and Web Developer together
- Lesson 3 – Part 8 – Workflow Case Study – Styling a Submit Button
- How to use Firebug to identify the line-height property of a Tag Cloud widget in Thesis
Web Developer
- An Overview of How to Use Netbeans, FileZilla, Firefox and Web Developer to Edit CSS
- Tools of the Trade – How to Use Firebug and Web Developer
- Part 1 – How to Install Firebug & Web Developer
- Part 2 – Tour the Functionality of Firebug & Web Developer
- Part 3 – How to Use Firebug & Web Developer Together
- Part 4 – Style a CSS “Submit” Button
- Lesson 3 – Part 5 – Install Firebug and Web Developer
- Lesson 3 – Part 6 – Tour Firebug and Web Developer Functionality
- Lesson 3 – Part 7 – Use Firebug and Web Developer together
- An Overview of How to Use Netbeans, FileZilla, Firefox and Web Developer to Edit CSS
MeasurIt
Color Zilla
Other Intermediate Tutorials
This is the rest of our intermediate video tutorials not listed in the 4 subjects above
Intermediate Tutorial List
Tools for Web Designers
Internet Marketing
Social Media
- Add Twitter, Facebook Like and Google +1 to Post in Thesis – Part 3 – Create a Meta Box for Pages
- Add Twitter, Facebook Like and Google +1 to Post in Thesis – Part 2 – Add to Home Page
- Add Twitter, Facebook Like and Google +1 to Post in Thesis – Part 4 – Add the Buttons to the Bottom of the Page
- How to Add Facebook and Twitter Buttons to Custom Header in Thesis
- Customize Your Social Networking Links – Part 1 – Add the Background Image
- Customize Your Social Networking Links – Part 2 – Create the Unordered List
- Customize Your Social Networking Links – Part 3 – Style the Unordered List
- Add Twitter, Facebook Like and Google +1 to Post in Thesis – Part 3 – Create a Meta Box for Pages
Using Thesis
Thesis Header
Convert a Site to Thesis
Thesis Options
Thesis Nav Menu
Thesis Feature Box
Thesis Multimedia Box
Page Frameworks
WordPress Functions
Conditional Statements
Next Post - Previous Post
- Customize Next & Previous Posts Links – Part 7 – Replace Random Post Link Text with an Image
- Customize Next & Previous Posts Links – Part 2 – Editing the Text Using Thesis Filters
- Customize Next & Previous Posts Links – Part 3 – Remove the Thesis Filters
- Customize Next & Previous Posts Links – Part 5 – Style Custom Post Navigation
- Customize Next & Previous Posts Links – Part 8 – Change Post Navigation for Home and Archive Pages
- Customize Next & Previous Posts Links – Part 4 – Create Custom Post Navigation
- Customize Next & Previous Posts Links – Part 6 – Add “Random Post” Link
- Customize Next & Previous Posts Links – Part 7 – Replace Random Post Link Text with an Image
Post Formats
Shortcodes
- How to Create a Twitter Shortcode
- Custom Post Type Case Study – Part 9 – Create a Variation on the Shortcode Function
- Custom Post Type Case Study – Part 10 – Refine the Shortcode Function
- WordPress Shortcode Seminar – How to Create a Shortcode that Styles Content Text
- How to Add a Custom Javascript to a Post or Page – Part 2 Use Shortcoder to insert the form
- How to Create a Twitter Shortcode
Query String
Custom Post Meta
- Community Library Website – Part 61 – Get the Catalog Item Post Image
- Community News Case Study – Part 13 – Display Event Date on Teasers
- Community News Case Study – Part 14 – Show Only Upcoming Events
- Community Library Website Case Study- Part 10 – Creating Custom Post Meta – Continued
- Community News Case Study – Part 15 – Format the Display of the Date
- Community News Case Study – Part 16 – Display Event Venue
- Community Library Website – Part 54 – Sort Archive Posts by Meta Value
- Community Library Website – Part 19 – Add Post Meta and Taxonomy Information to the Post Display
- Community Library – Part 21 – Display the Rest of the Post Meta in the Post
- Community Library – Part 23 – Remove Custom Post Meta from Post Display
- Community Library Website – Part 24, Add Taxonomy and Post Meta Data to the Teaser
- Community Library Website – Part 60 – Link Reviews Back to Catalog Items
- Community Library Website – Part 61 – Get the Catalog Item Post Image
Taxonomy Functions
- Community Library Website – Part 53 – Show the Term Label Only when a Term Exists
- Community Library Website – Part 19 – Add Post Meta and Taxonomy Information to the Post Display
- Community Library – Part 20 – Add topics and audience to book display
- Community Library Website – Part 24, Add Taxonomy and Post Meta Data to the Teaser
- Community Library Website – Part 25, Add Taxonomy Data to the Teaser
- Community Library Website – Part 49 – Naming Conflicts in Custom Taxonomies
- Community Library Website – Part 53 – Show the Term Label Only when a Term Exists
Website Useability
Site Organization
Multilingual Websites
Complex CMS Websites
- Community Library Website – Member’s Progress Report
- Community Library Website – Case Study Part 6 – Incorporating Existing Data Into the Project
- Video 1 – How to create posts with the scheduled publish feature
- Video 2 – How to prepare the page to take the custom template
- Video 3 – How to write the code for the custom template
- 5 Models for Delivering Content with a Membership Site
- How to Create an Events Listing in WordPress & Thesis 1.6 – 1.8
- Community Library Website – Member’s Progress Report
Taxonomy
Membership Websites
E Commerce Websites
- Member’s E-Commerce Catalog Critique
- Week 7 – Part 1 – Customize the Shopping Cart View
- Week 7 – Part 2 – Customize the Checkout View
- Week 7 – Part 3 – Customize the Product Display Widget
- Lesson 1 – Part 1 Overview of our New E-Commerce Website
- Lesson 1 – Introduction – Using WordPress and Thesis to Create an E-Commerce Website
- Lesson 1 – Part 2 – Site Organization for our E-Commerce Website
- Lesson 2 – Creating the Pages and Posts for Our E-Commerce Website
- Lesson 1 – Part 3 The Sales Component of our E-Commerce Website
- Lesson 1 – Part 4 The Information Component or our E-Commerce Website
- Building an E-Commerce Website
- Lesson 1 – Part 5 The Marketing Component in our E-Commerce Website
- Lesson 1 – Part 6 The User Experience in our E-Commerce Website
- Lesson 6 – Organizing and Configuring a Large Product Catalog
- Week 6 – Customize Shopp Templates Pt 2
- Week 7 – Final Customization and Testing
- Week 5 – Part 2 – The Shopp Method of Customization
- Week 5 – Part 3 – Using Shopp Template Tags
- Week 5 – Part 4 – Examples of Changing Shopp with Template Tag Options
- Week 5 – Part 5 – Add Customer Inputs to Order
- Week 5 – Part 6 – Customize the Main Catalog View
- Week 5 – Part 7 – Tour the Category Template
- Week 5 – Part 8 – Customize the Category View
- Week 5 – Part 9 – Customize Shopp CSS
- Week 6 – Part 1 – Customize the Category View
- Week 6 – Part 2 – Add Customer Input to Products
- Week 6 – Part 3 – Customize the Product View
- Week 6 – Part 4 – Conditionally Add Customer Input to Products
- Member’s E-Commerce Catalog Critique
Other Tools
Bitnami
- How to Use Bitnami and Netbeans to Create a Local Development Site Part 2
- How to Create a Local Installation of WordPress – Part 2 – Adjust Windows Permissions
- How to Create a Local Installation of WordPress – Part 3 – Modify the php.ini file
- How to Create a Local Installation of WordPress – Part 5 – Enable Pretty Permalinks
- How to Create a Local Installation of WordPress – Part 4 – Create a NetBeans Project
- How to Use Bitnami and Netbeans to Create a Local Development Site Part 1
- How to Use Bitnami and Netbeans to Create a Local Development Site Part 2
PayPal
AWeber