• Post category:Udemy (Jan 2022)
  • Reading time:7 mins read


What you will 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 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 them

Description

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

English
language

Content


Subscribe to latest coupons on our Telegram channel.

Introduction and Installation

Installing the software xampp and vscode
Downloading WordPress engine
Setting up wordpress config and database
Setting up wordpress through its installer

WordPress CMS Deep Dive and Exploring static template

What is a content management system
Taking closer look at wordpress
Detailed walk through of the wordpress backend
Downloading the static html template
Static Html template walk through

Working on WordPress Theme Files and Theme layout

Creating all the theme files
Adjusting the static html template to fit our theme layout
Moving static markup to header.php footer.php and front-page.php
Setting up theme information and theme preview image
Copying main.css to style.css of theme
wp_head and wp_footer function
enqueue style file and include header and footer to front-page
enqueue all the javascript files
fixing the console error for missing javascript files

Working on customizing the custom theme

Adding multiple theme support capability to our custom theme
Adding body_class function to header file
Making site title website link and description dynamic
Displaying website logo uploaded via dashboard
Making navigation menu items dynamic
Styling the Menu and Sub menu
Removing unwanted section from Footer
Registering Main Sidebar in functions php file
Registering 3 Footer Widgets in functions php file
Calling footer widgets and passing dynamic content to from Dashboard

Working with Post and Custom Post Type

Fetching Posts from WordPress Dashboard via WP_Query
Creating Posts from dashboard
Display Post Information for each Post
Creating custom post type
Looping over custom post type on front page
Displaying Portfolio information for each portfolio and doing wp-reset-postdata