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
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
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
Introduction and Installation
1
Course Overview
2
Installing the software xampp and vscode
3
Downloading Wordpress engine
4
Setting up wordpress config and database
5
Setting up wordpress through its installer
6
Know Your Instructor & Get Help/Support
Wordpress CMS Deep Dive and Exploring static template
1
What is a content management system
2
Taking closer look at wordpress
3
Detailed walk through of the wordpress backend
4
Downloading the static html template
5
Static Html template walk through
Working on Wordpress Theme Files and Theme layout
1
Creating all the theme files
2
Adjusting the static html template to fit our theme layout
3
Moving static markup to header.php footer.php and front-page.php
4
Setting up theme information and theme preview image
5
Copying main.css to style.css of theme
6
wp_head and wp_footer function
7
enqueue style file and include header and footer to front-page
8
enqueue all the javascript files
9
fixing the console error for missing javascript files
Working on customizing the custom theme
1
Adding multiple theme support capability to our custom theme
2
Adding body_class function to header file
3
Making site title website link and description dynamic
4
Displaying website logo uploaded via dashboard
5
Making navigation menu items dynamic
6
Styling the Menu and Sub menu
7
Removing unwanted section from Footer
8
Registering Main Sidebar in functions php file
9
Registering 3 Footer Widgets in functions php file
10
Calling footer widgets and passing dynamic content to from Dashboard
Working with Post and Custom Post Type
1
Fetching Posts from Wordpress Dashboard via WP_Query
2
Creating Posts from dashboard
3
Display Post Information for each Post
4
Creating custom post type
5
Looping over custom post type on front page
6
Displaying Portfolio information for each portfolio and doing wp-reset-postdata
Custom Field, Custom Taxonomy, Making Hero and Services section dynamic
1
Making Hero section dynamic with custom field
2
Making hero image dynamic
3
Making Services and Call to Action section dynamic
4
Registering custom taxonomy to custom post type
Single post, Archive, Search, Page, Custom Page layout, Starter them template
1
Working on Single php and Sidebar for details page
2
Showing dynamic content on detail page
3
Displaying Main Side bar and Page content
4
Working on Search Archive Blog page layouts
5
Creating custom page templates for different layouts
Starter theme templates
1
Using stater theme templates like understrap or underscores
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
30-Day Money-Back Guarantee
Includes
5 hours on-demand video
1 article
Full lifetime access
Access on mobile and TV
Certificate of Completion