This course is for any Wordpress user or web developer who would like to learn how to create powerful Wordpress themes and add development skills to their resume.
If you already have basic WordPress skills and wanted to know how themes are developed, then this is the perfect course for you. This course will super-size your WP skills and make you a powerful theme developer.
Become a confident WordPress theme developer and learn real WordPress theme coding here! This course contains no outside links to coding sites. All the code you need to learn is in this course. The instructor uses this code with every WordPress theme and has built over 300 WordPress themes for clients and employers.
BONUS: FREE CODE TO FULLY FUNCTIONAL 2 WORDPRESS THEMES:
All students get two themes to customize with the code from this course:
1. plain vanilla WordPress theme
2. Twitter Bootstrap WordPress theme
This course delves more into these theme development concepts with all the code you need to download and make it your own:
An entire section of lectures showing how to display posts and pages of various combinations.
This course offers an entire section teaching how to displaying posts and pages in any combination including, but not limited to:
Bonus Lectures With Examples
I offer code samples from popular post lists including:
Materials in this Course:
This course includes videos with example code as well as additional code files to download the code so students can concentrate using the code in their WordPress theme files, but the videos will show how to modify the code to create the final Wordpress website.
This course offers videos with the instructor explaining how to use and change the code as needed.
Wordpress is the most popular content management system and web development application. Themes are the feature of Wordpress that defines the look and layout. Developing themes in Wordpress is a valuable tool, but will define the difference between a Wordpress user and a Wordpress developer.
In this course, we teach how to develop everything a theme needs from the following:
There are popular ways to develop Wordpress themes. You may be only familiar with one, but different situations and different skill sets may call for the method that you are not familiar with and it could make your theme development time easier.
In this video, I explain those two methods, so you can decide on the best one that is right for your skill set or particular development goals.
There are several ways to display post and page content on Wordpress themes, but WP_QUERY is the most powerful and versatile. Join me in this lecture as I introduce you to the most widely used Wordpress theme function with examples. Concurrent lectures in this course include more uses of this function.
In this video, I introduce the benefits on using Child Themes.
Child themes are important for anyone who downloads themes from a theme provider or the Wordpress theme repository. Child themes, however, are one of the most misunderstood features of Wordpress. This lecture will demystify child themes and explain why they are so important to create.
Child themes require their own CSS, but the CSS is also used to tell Wordpress that your theme is a definitely child of another.
From the previous video, this is an update for 2016 and WordPress 4.5+. You can load your child theme's CSS with the code in this video. Please open the file included with the wp_enqueue_scripts action hook in the Resources section and watch this video to see exactly how to add the hook.
Test your knowledge about child themes...
I have found that many theme developers use the same page template for all of their templates, but maybe you have a particular page that needs a different look and layout. A different page template is your answer.
In this template, I not only explain how to create new page templates, but also how to select them when editing pages.
Page templates make your Wordpress theme more versatile by extending any page layout with their own CSS, HTML and PHP code.
This lecture explains how to code page templates and where to store them in your theme.
The functions.php file is the most powerful file in any Wordpress theme. Knowing what the functions.php file can do and realizing it as more than just another functions library, you can add all sorts of functionality to make super-size your theme.
In this video lecture, I show you how to add two things to your functions.php file:
The functions.php file is the most important file in any theme. Knowing the answers to this quiz will allow you to review the purpose of the function.php
Shortcodes are Wordpress codes surrounded by square brackets. In this video, I explain how to create them and call them from your theme.
Template tags are PHP functions that can be called anywhere in your theme. Wordpress provides over 50, but as a developer, your advanced theme will be even more powerful when you create your own.
In this video, I explain:
All Wordpress themes are capable of coming with sidebars, but some basic themes do not include theme. Adding sidebars will make your themes more powerful and allow admins to add widgets to their pages and posts.
Sidebars add an extra section to any web page. A theme needs code to call the widgets that were registered in the previous video and then you can code them any way you would like in your HTML and/or PHP.
Learn how to theme category pages in four simple slides.
Most WordPress themes come with only 2 to 4 menu locations, but the number of menu locations are unlimited.The WordPress admin needs plenty of menu locations for their menu, so in this video, I show you how to your theme can register them.
Based on the Power Development section, this quiz will reinforce the videos from the videos above.
Did you ever wonder how to display one random post? Why would you want to do this? First of all, it varies the content which is good for SEO, but it also keeps your repeat site visitors seeing new content all the time just by refreshing their web browser.
This code response to the previous video "Limiting the number of posts...".
Add this code to the following places:
Sometimes, the Wordpress admin may want to show only password-protected web pages. This is good for member-only links or paid posts that are protected behind a member area. This video will show you how to display only those pages in your sodebar.
This code sample corresponds to the previous video "Showing Password-Protected Posts with WP_QUERY".
You may ask "Hmmm, why would I want to display password-protected posts"? Maybe you have a paid member area or even if you have a free member area, you still want to encourage your website visitors to sign up for your website or to subscribe to your blog. Well, this code is surely one way to make people sign up for your website.
Note in the code: The magic here is the boolean value for has_password as in 'has_password' => true which is a line in your $args array.
Most Wordpress themes like TwentyFifteen and TwentyFourteen come with a default home page to display the latest blog posts, but your theme also needs to provide that, so this lecture will show you how to code for this.
If your Wordpress website is actually a blog or it has a blog, you may want to put those latest posts in a sidebar, template tag or even a shortcode. Here is the code to do just that.
This corresponds to the previous video titled "Displaying the 5 Latest Blog Posts in your theme's Sidebar".
Every WordPress theme starts with a style.css file. Besides providing CSS, the style.css file also declares the theme to the WordPress installation.
This file will complete your theme and make it presentable in the WordPress theme selector. Although it will not display anything yet, it can still be selected. Once you have this file and your style.css, your theme is ready to go and be developed by you.
Although this file is not necessary for a complete theme, it is advised to include one with your theme so it can easily be identified in the theme selector page.
The information in the style.css file shows in the theme details on the theme selector page. I will show you in this video how changing your style.css changes the theme details on the fly.
We have added the header file and can now add any HTML or PHP to it. It will all reflect the theme's output.
In this video, we follow the same steps as we did to add the header.
We add the file location to the style.css using the bloginfo() template tag.
In this video, I will show you how to create the web page that displays for any WordPress post.
I talk to a lot of new WordPress theme developers who mention that their first theme does not display the admin black bar. Watch this video to find out how to fix this common issue.
This video covers the files that we need to create and edit to handle and display WordPress pages. The video only covers setting up the default page template. In the next video, we create multiple page templates and show how to change them or each page.
In the last video, I covered setting up the default page template. In THIS next video, we create multiple page templates and show how to change them or each page.
In the last video, we showed how to add a category list, but as a request from one of our students, I added a new video on breaking that category list into two columns. This video has the details and coding to accomplish this task.
Tag clouds allow admins to group posts in different ways other than categories. The tag cloud is a list of keywords that link to a page of all the posts that are assigned to those tags.
WordPress provides defaults out of the box for our tag cloud, but we may want to change its appearance and the links within them. In this video, I teach you just how to do that.
Once we get up our tag cloud, we need a template to display the items when a site visitor clicks on their hyperlinks, so I teach you how to create the tag template in this video.
Now that we know how to create a theme from scratch, take this quiz to see how much you know.
Start here and download all of the Twitter Bootstrap files.
Welcome to this section on transforming a static Twitter Bootstrap website into a complete WordPress theme. In this section, I show you how to replace static HTML and text content with code from the WordPress API while reviewing some of my lessons from the previous section.
Every theme should come with a screenshot to let the administrator know what your theme looks like. Your theme's screenshot is also a brand, so in this video, I show you:
We will try not to leave any stone unturned for any static HTML. We want our theme to just display content entered by our WordPress admin, so we enter our static About Us section as a WordPress page and call that page content in our theme. We then delete the static content.
In our previous video, we had a broken image next to our About Section. That is because once it is under WordPress, the URLs change. We need to be able display this image, so I enter it as a featured image and show you how to retrieve it on the home page.
We need to display the tabs in the social media tab section of our Twitter Bootstrap website. As there are many ways to accomplish this, I suggest entering these tabs (and their content) as WordPress posts all assigned to a single category.
We then use WP_Query to display those posts which will be the heading for each of our social media tabs.
In this video, we loop through the posts that will create our tabs and add some custom fields to order the tabs any way we want. This video covers wp_query, post meta data and extra PHP to make it all happen,
The Social Media tabs are a feature of Twitter Bootstrap and some hard-coded tab names.
In this video, I teach you to:
Our Twitter Bootstrap theme has a section which includes three subsections or children. In this video, I teach you how to call the children pages from the parent with a trick using WP_Query.
The login form is a simple HTML form, but we do not want that hard-coded in our template, so I move the entire form into a template tag and call it from within the template.
If you notice at the top of our theme, we can 3 lines which are the company name, company slogan, and the marketing line.
In this video, I explain how to draw those three lines from your Settings->General form as well as a textbox in the Customizer for the marketing line.
We have a hard-coded section called Additional Services. We want to make it content-managed. This video shows you how to do that.
So far, our theme is mostly index.php, so in this video, I break it up into other common theme files.
Our menus are still hard-coded, so in this video, I explain how to turn our hard-coded menus into dynamic ones that get pulled from the WordPress back end,.
We hard-coded the section 2 as ID 128, but the WordPress admin or your own WordPress installation will have different page IDs, so we cannot hard code IDs like that.
In this video, I show you how to program the Customizer to display page IDs that the WordPress administrator can select to display in Section 2. Still, this is only part 1 since administrators do not know what pages will display with certain IDs, so in the NEXT video, I show you how to display page titles to the administrator so they can select any page from the menu.
In the last video, Part 1, I showed you how to program the Customizer to display page IDs that the WordPress administrator can select to display in Section 2.
In this video, I show you how to display page titles to the administrator so they can select any page from the menu.
Ok, you may have noticed the 3 background images. We could simply add a custom background control, but the problem is that we need three of them, so the custom background will not work.
Instead, we will add 3 upload controls to the customizer using the WordPress theme API and I show you how to do that in less than 15 minutes in this video.
Here's the theme after all of these videos. Download this theme in the resources and then read the text to find out how to further customize it for YOUR WordPress installation.
For any questions, you are never alone. Ask me any questions on the discussion board.
This quiz contains questions from this section on converting a WordPress theme from a Twitter Bootstrap website.
Ttest your knowledge of the WordPress theme development for Twitter Bootstrap.
You may have selected themes that give the WordPress admin options to add post formats, custom headers, custom menus, backgrounds and more. Well, the videos in this section explain just how to accomplish this task and more.
With newer versions of WordPress, version 4,1 and newer, the HTML title tag can now be supported to allow the theme developer to exercise more control over what WordPress generates for it.
In the last video, I showed you how to add theme support for custom headers. Now, we need to add the PHP code to call them.
In this video, I explain how to add theme support for custom headers as well as adding guidelines for the admin user such as the suggested width and height of your header image.
In this mashup, I include my video on how to add theme support for post formats and upload a presentation explaining the 10 different post formats.
Not all themes support the featured image, but yours can. Watch this video to see how to add theme support for this popular post feature.
In addition to its 10+ APIs, WordPress has 2 theme APIs. I provide an introduction in this video.
This is a very simple API solution from WordPress to help us save and retrieve theme variables.
I extended the last video to explain the PHP behind the foreach loop and how it displays all of your theme modification settings.
The WordPress Theme Customization API is powerful, but complex, so this is the first part in a series of videos on this API.
Now, we get into the heart of the code for this API and create a new section with a color picker for your web page background.
Using the functions from the Theme Modification API, we can retrieve data from the Theme Customization API.
CEO of the Web Designer Mall, a one-stop shop for all web designers and web developers.
I have designed and developed over 1,000 websites in the past 20 years for companies of all sizes from small businesses to major Fortune 500 corporations. Being the owner of a prestigious online mall for web developers, I have programmed everything from WordPress to Drupal to Joomla to simple HTML5.
Involved in the WordPress Community. I am also a speaker at WordCamps in the United States.
The Music, The Songwriting
I love writing, recording, and producing music, mainly my own originals. I play sax and piano and have over 150 songs. Yes, I should have gone for that record deal, but I still enjoy the process of making music!