Jumping Right Into Developing Advanced Themes
  • Introduction
  • About The Practice Exercises In This Course
  • 2 Methods Theme Developers Use To Create Themes: Which Method Should YOU Use?
  • Coding Lecture: How To Display Posts and Pages with WP_Query: The Basics
Developing, Styling Child Themes and Overriding Their Parent Themes
  • Introduction: The Benefits Of Child Themes
  • What Is A Child Theme?
  • Expanding Your Child Theme With CSS
  • New Green Screen Video: UPDATE - Load Your Child Theme's CSS
  • Review Slides: Child Themes with CSS and Functions.PHP
  • Child Theme Review Quiz
  • Exercise: Download any theme from the WP theme repository. Create a child theme.
Theme Development Topics That Will Make You a Powerful Developer!
  • Introduction to Creating and Selecting Page Templates
  • Exercise: Create Your Own Page Template
  • Coding Lecture: How To Create a Custom Page Template For Any Wordpress Page
  • The basics of FUNCTIONS.PHP
  • Review Quiz for the functions.php file
  • Creating Your Own Custom Shortcodes
  • Creating and Calling Your Own Custom Template Tags
  • Creating and Registering New Sidebars With Your Theme
  • Calling Your Dynamic Sidebars
  • Slides: Theming Category Pages
  • Creating and Registering Menu Locations Anywhere In Your Theme
  • Calling Your Custom Menus
  • Exercise: Write Your Own Functions.php file
  • Exercise: Write Two Shortcodes
  • Power Theme Developer Quiz: How Powerful are YOU? Results of this Quiz Will Tell
Display Posts And Pages: Examples of Popular Wordpress Lists
  • Limiting The Number of Posts That Display In A List With WP_QUERY
  • Code Sample: Display one post as a random post.
  • Showing Password-Protected Posts With WP_QUERY
  • Code Sample: Display Online Password-Protected Posts
  • Displaying the 5 Latest Blog Posts in your theme's Sidebar
  • Code Sample: Show The 5 Latest Blog Posts
  • Displaying Posts from One or Multiple Authors With WP_QUERY
Beginner's Theme: Create A Very Simple Plain Vanilla Basic Theme From Scratch
  • Before you begin, please read this first...
  • A Preview of What Our Finished Theme Will Look Like At The End of This Section
  • Introduction: Starting With Your Style.CSS file
  • IMPORTANT NOTE: Please Read...This section is not about HTML or CSS.
  • Important Note About File Resources For Our Simple Theme
  • Adding your main theme file
  • Creating Your Theme's Screenshot So It Can be Selected By The WordPress Admin
  • Viewing Your Theme Details in the Theme Selector
  • Putting Real HTML Into Your Theme
  • Adding Your Theme's Header
  • Adding the Sidebar and Footer.
  • Connecting Your Theme's Style.CSS file using the Bloginfo() Template Tag
  • Add Post Content
  • Creating the Single Post Page For Your Theme
  • Adding the Black Admin Bar To the Top of Your Theme
  • Creating the Default Page Template For Our Theme To Handle WordPress Pages
  • Creating Multiple Page Templates For Your Theme
  • Adding Menu Support in Your Theme
  • Adding Multiple Theme Locations for Your Menus
  • Creating Menus and Calling Those Menus in Our Theme Locations
  • Adding a Category List To Your Sidebar or Anywhere in Your Theme
  • Breaking Your Category List Into 2 Columns
  • Theming Your Category Page
  • Adding A WordPress Tag Cloud To Your Theme
  • Changing the Defaults for Your Tag Cloud
  • Theming Our Tag Page
  • From The Instructor: Conclusion To "Create Your Own Theme"
  • Download the Plain Vanilla Basic Theme Here
  • Theme From Scratch Quiz
Transforming a Static Twitter Bootstrap Website Into a Complete WordPress Theme
  • Download The Static Twitter Bootstrap Website Here
  • Introduction: Let's look at the theme we will be developing in this section.
  • Copying Your Twitter Bootstrap Website Over To Your WordPress Theme Directory
  • Preparing Your Twitter Bootstrap's Style.CSS file To Declare Your Theme To WP
  • Create Our Theme's Screenshot
  • Activating Our Theme and Fixing Our CSS Files With WordPress' Bloginfo Function
  • Replacing Static HTML with PHP From The WordPress API To Create Dynamic Pages
  • Replacing the Static Thumbnail HTML With Your Page's Featured Image
  • Creating Our Tab Titles As WordPress Posts From a Single Category
  • Programmatically Ordering Our Static HTML Tabs By WordPress Custom Fields
  • Adding the Post Content To Our Tab Sections
  • Theming a Section Using Post Parents
  • Adding the Login Form Using Template Tags in functions.php
  • Making Company Name & Slogans Content Manageable w/the Customizer & Bloginfo()
  • Making the Additional Services Section Content Manageable
  • Breaking Our Twitter Bootstrap Theme Into Individual Theme Files
  • Adding Our Dynamic Menu Into Our Twitter Bootstrap Theme
  • Removing ID 128 From Section 2 & Coding The Customizer to Select a Page - Part 1
  • Removing ID 128 From Section 2 & Coding The Customizer to Select a Page - Part 2
  • Changing the 3 Background Images using the WordPress Theme Customization API.
  • Download This Twitter Bootstrap WordPress Theme
  • Twitter Bootstrap Coding Exercise
  • Twitter Bootstrap Theme Development Quiz
  • Project: Create a functioning theme from any static Twitter Bootstrap website
Adding Theme Support in WordPress' Appearance Menu
  • Introduction To Theme Support
  • Adding Theme Support For The HTML Title Tag
  • Calling and Displaying Our Custom Headers and Their Associated HTML Attributes
  • Adding Theme Support for Custom Headers
  • Adding Theme Support for Post Formats
  • Adding Theme Support For Post Thumbnails (The Featured Image)
The 2 powerful Theme WordPress APIs: The Customizer & the Modification API