Learn WordPress Theme Development
Hi & Welcome <3
This is the starting of point for an ultra-detailed and super helpful WordPress Theme Development course.
WordPress Theme Development is all about the look and feel of your website.
What you’ll learn
You will learn to build a high-quality business website by building a classic theme from scratch.
Modules
- Introduction
- Setting up local WordPress Development Environment
- Foundations of Theme Development
- The Home Page
- How to code the home page of a WordPress powered website
- How to configure home page settings
- The Action plan for building the standards friendly Homepage
- The Head Tag
- How to add Favicon
- WordPress Action Hooks: The power behind the functions like wp_head()
- How to efficiently add Stylesheets and Javascript to the Head Tag using WordPress Enqueue System
- How to add theme support for the Title tag
- Introducing the body_class() template tag
- Introducing WordPress Filter Hooks
- Understanding the flow between WordPress filter hooks and filters attached to them
- HTML Markup for the Header
- How to add the custom Logo to our WordPress website
- Styling the header
- Let’s create some pages
- Creating a custom menu for the header
- Using Custom WordPress Menus
- Understanding Display Locations : How to output a custom menu to the browser
- Introducing Internationalization: Making our theme translation ready
- Dealing with the header menu
- How to build the footer of a WordPress website using Dynamic Sidebars and Widgets
- We need to support WordPress generated CSS classes inside our theme
- Styling “Footer Section One” and Widgets inside it
- What should and shouldn’t go inside a theme
- Preparing the Javascript text inside our theme for localization
- How to properly create Social Navigation Menus in WordPress
- Adding Dynamic and translation ready Copyright Statement to the footer
- Exercises for mastering Widgets and Menus
- Strategies for building the main content of the Homepage
- Building the important content of the Homepage using the Gutenberg Editor
- The Purpose of the Loop
- How the Loop Works
- Styling the Above the Fold content of the Homepage and fixing other layout problems
- How to add Google Fonts to the WordPress site
- Introducing Custom Fields and How to use them
- Using ACF Plugin to create advanced custom fields
- How to output Custom Fields Built with ACF plugin
- Building Internal Pages
- Displaying Static Pages in WordPress
- Rendering the About page using the page.php
- Introducing Featured Image aka Post Thumbnail
- Introducing Custom Page Templates
- Creating and using alternative header file
- Exercise: Creating and using alternative footer file
- Exercise: Creating a page with contact form
- Building the Blog
- Introducing different pages of a WordPress based blog
- Preparing the content for the blog
- How to create the blog posts index page in WordPress
- What if we edit the title or slug of the Blog page?
- Using the index.php to render the Blog posts index page
- Taking control over thumbnail dimensions using the add_image_size() function
- Introducing the excerpt_length filter hook
- Accessing the post data inside filters
- Introducing the power of “get_” alternatives of the template tags of the Loop
- How to add pagination to blog posts index
- Creating a dynamic sidebar for the Blog posts index page
- How to add HTML5 support for WordPress forms
- Finishing the blog sidebar
- How to build archive pages in WordPress
- Introducing get_template_part() for modular WordPress
- Introducing get_sidebar() for modular sidebars
- Building a single post page
- How to create avatars for the authors of your WordPress site
- Styling the single post page
- How to add comment form functionality to a blog post
- How to add post navigation for a blog post – the easy way
- How to add post navigation for a blog post – the better way
- Exercises for the blog
- Introducing Custom Queries and Custom Post Types
- Introducing Custom Queries
- The problem still lies underneath
- Learning to work with advanced custom queries
- Introduction to Custom Post Types
- Outputting Custom posts using Custom queries
- Building archives page for custom post types
- How to remove taxonomy name from WordPress archive title
- Registering a custom taxonomy
- Putting the newly registered taxonomy to good use
- Building archive page for custom taxonomy
- Let’s move em to a plugin
- Dealing with the Search functionality in WordPress
- Introducing the WordPress Customizer and Its API
- Introducing the WordPress Customize Panel
- Introducing WordPress Theme Customization API
- How to add a Panel, Section and Controls to the Customize Panel
- How to output a Theme Setting value
- Theme Mods vs Options in WordPress
- Using Custom Sanitization Callbacks for Settings
- Using Active Callback on a Control
- Using Javascript to improve the User Experience of the Customize Panel
- How to change the Color Scheme of the site using the Customize Panel
- Exercise for the Customize Panel
- The Conclusion
© 2025 UsableWP. A project by Naresh Devineni.