4.55 out of 5
4.55
70 reviews on Udemy

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
Instructor:
Obify Consulting
34 students enrolled
English [Auto]
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
Faq Content 1
Faq Content 2

Productivity Hacks to Get More Done in 2018

— 28 February 2017

  1. Facebook News Feed Eradicator (free chrome extension) Stay focused by removing your Facebook newsfeed and replacing it with an inspirational quote. Disable the tool anytime you want to see what friends are up to!
  2. Hide My Inbox (free chrome extension for Gmail) Stay focused by hiding your inbox. Click "show your inbox" at a scheduled time and batch processs everything one go.
  3. Habitica (free mobile + web app) Gamify your to do list. Treat your life like a game and earn gold goins for getting stuff done!


4.6
4.6 out of 5
70 Ratings

Detailed Rating

Stars 5
47
Stars 4
14
Stars 3
6
Stars 2
2
Stars 1
1