Become a Pro WordPress Custom Theme Developer

Become a Pro Wordpress Custom Theme Developer

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

Language: english

Note: 4.6/5 (40 notes) 12,030 students

Instructor(s): Obify Consulting

Last update: 2022-02-02

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

 

Requirements

  • Basics of HTML and CSS

 

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

 

Who this course is for

  • Anyone who wants to become a Pro WordPress Custom theme Developer

 

Course content

  • Introduction and Installation
    • Course Overview
    • 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
  • Custom Field, Custom Taxonomy, Making Hero and Services section dynamic
    • Making Hero section dynamic with custom field
    • Making hero image dynamic
    • Making Services and Call to Action section dynamic
    • Registering custom taxonomy to custom post type
  • Single post, Archive, Search, Page, Custom Page layout, Starter them template
    • Working on Single php and Sidebar for details page
    • Showing dynamic content on detail page
    • Displaying Main Side bar and Page content
    • Working on Search Archive Blog page layouts
    • Creating custom page templates for different layouts
  • Starter theme templates
    • Using stater theme templates like understrap or underscores

 

Time remaining or 132 enrolls left

 

Don’t miss any coupons by joining our Telegram group 

Udemy Coupon Code 100% off | Udemy Free Course | Udemy offer | Course with certificate