Become a Pro WordPress Custom Theme Developer

Learn to convert any static HTML, CSS template into a fully functional Custom WordPress Theme in a step by step approach

In this hands-on course you will learn to convert any static HTML, CSS template into a fully functional Custom WordPress Theme which will ready to use in production for any website.

What you’ll learn

  • You will learn to convert any Static template(HTML, CSS/Bootstrap) to a Custom WordPress Theme.
  • You will learn the basics of WordPress as Content Management System.
  • You will learn to Create and Use Custom Post Type.
  • You will learn to Create and Use Custom Taxonomy Type.
  • You will learn to Create and Use Custom Fields on your Custom Post Type.
  • You will learn to create custom sidebar widgets and use them on custom theme.
  • You will learn to create custom Front Page, custom Page templates with sidebar and no sidebar.
  • You will learn to use WordPress starter theme template like Underscore and Understrap.
  • You will learn many custom configuration and methods of wordpress core engine needed to work with custom theme.
  • You will to organize the files and folders of the custom wordpress theme.

Course Content

  • Introduction and Installation –> 5 lectures • 19min.
  • WordPress CMS Deep Dive and Exploring static template –> 5 lectures • 30min.
  • Working on WordPress Theme Files and Theme layout –> 9 lectures • 47min.
  • Working on customizing the custom theme –> 10 lectures • 59min.
  • Working with Post and Custom Post Type –> 6 lectures • 37min.
  • Custom Field, Custom Taxonomy, Making Hero and Services section dynamic –> 4 lectures • 32min.
  • Single post, Archive, Search, Page, Custom Page layout, Starter them template –> 5 lectures • 40min.
  • Starter theme templates –> 1 lecture • 8min.

Auto Draft

Requirements

In this hands-on course you will learn to convert any static HTML, CSS template into a fully functional Custom WordPress Theme which will ready to use in production for any website.

We will learn everything in a step by step approach as mentioned below:

  • 1.1-Installing the software xampp and vscode
  • 1.2-Downloading WordPress engine
  • 1.3-Setting up wordpress config and database
  • 1.4-Setting up wordpress through its installer
  • 1.5-What is a content management system
  • 1.6-Taking closer look at wodpress
  • 1.7-Detailed walk through of the wordpress backend
  • 1.8-Downloading the static html template
  • 1.9-Static Html tempplate walk through
  • 2.1-Creating all the theme files
  • 2.2-Adjusting the static html template to fit our theme layout
  • 2.3-Moving static markup to header.php footer.php and front-page.php
  • 2.4-Setting up theme information and theme preview image
  • 2.5-Copying main.css to style.css of theme
  • 2.6-wp_head and wp_footer function
  • 2.7-enqueue style file and include header and footer to fornt-page
  • 2.8-enqueue all the javascript files
  • 2.9-fixing the console error for missing javascript files
  • 3.1-Adding multiple theme support capability to our custom theme
  • 3.2-Adding body_class function to header file
  • 3.3-Making site title websiye link and description dynamic
  • 3.4-Displaying website logo uploaded via dashboard
  • 3.5-Making navigation menu items dynamic
  • 3.6-Styling the Menu and Sub menu
  • 3.7-Removing unwanted section from Footer
  • 3.8-Registering Main Sidebar in functions php file
  • 3.9-Registering 3 Footer Widgets in functions php file
  • 3.10-Calling footer widgets and passing dynamic content to from Dashboard
  • 4.1-Fetching Posts from WordPress Dashboard via WP_Query
  • 4.2-Creating Posts from dashboard
  • 4.3-Display Post Information for each Post
  • 4.4-Creating custom post type
  • 4.5-looping over custom post type on front page
  • 4.6-Displaying Portfolio information for each portfolio and doing wp-reset-postdata
Get Tutorial