Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

Become a WordPress Developer: Build Premium Themes & Plugins

Name: Become a WordPress Developer: Build Premium Themes & Plugins
Rating: 4.3 (15 reviews)

Develop a WordPress eLearning Theme to Create Online Course, LMS, Educational Website like Teachable with WordPress

Created byAbdelilah Hamdani

Last updated 5/2024

English

What you'll learn

You will learn how to Create Custom Post Types
You will learn how to Add Custom Fields (Without the need for External Plugins)
Database how to Insert Data, Save it, Update it & Retrieve it from Any Database Table
Design Awesome WordPress Templates with Html & Css

Course content

10 sections • 68 lectures • 7h 54m total length

Install WordPress on Localhost using Laragon4:51
Learn the difference between live and local environments, set up a local environment with laragon and a local domain like site.test, and install WordPress locally to build an LMS.
Install Text Editor - Sublime2:22
Minimum Requirements to Build a WordPress Theme3:30

Register Custom Post Type - Courses3:17
Adding Custom Fields10:24
Access Database - Install phpmyadmin in your LocalHost2:08
Create Database Table8:17
Insert Data to Database9:28
Retrieve Data from Database5:10
Retrieve data from the WordPress database using the course ID to display subtitle and trailer by querying the database and echoing the results.
Skills - Add/Remove Course Skills11:46
Build a dynamic add/remove skills system using JavaScript and jQuery for custom fields. Create input fields with add and remove skill controls that append to a course skills container.
Skills - Save & Retrieve from Database12:31
Build Course Curriculum - Add/Remove Lectures with URL & Duration9:31
Build Course Curriculum - Save Lectures Data to Database5:25
Build Course Curriculum - Retrieve Lectures Data from Database15:25
Stylize Custom Fields with CSS11:43
Style WordPress custom fields with CSS by wrapping content in cf-all and cf-unit divs, applying background colors, widths, centered text, borders, radii, and typography to create polished, responsive fields.

Design Navigation Bar with HTML2:29
How to Load Icons in your Design1:34
Styling Navigation bar with CSS10:19
Make Navigation Bar Design Responsive2:25
Make the navigation bar responsive by using a media query at max width 1200 pixels to switch to a column layout, center items, and hide the nav ul.
How to Change Text Fonts3:38
Load Courses Page Template1:29
Design Courses Page - Add Title, Subtitle & Video - Part 124:45
Design Courses Page - Add Skills List - Part 26:12
Design Courses Page - Add Curriculum - Part 314:59
Design the course curriculum section by adding a course content header, a list of lectures (Introduction to WordPress, Setting up your WordPress websites), and icons with responsive flex layouts.
Design Courses Page - Student Rating Feedback - Part 47:01
Design Courses Page - Instructor Info - Part 59:55
Design Theme Footer Bar12:50
Loading Footer in Courses Page1:30
Remove Unwanted Top White Bar0:38

Design Course Content Page - Part 115:59
Design a dynamic WordPress course content page with a two-panel layout: a left curriculum loaded from the database and a right video player, plus top navigation for lectures.
Design Course Content Page - Make it Responsive - Part 22:15
Make Course Content Page Dynamic - Part 16:06
Learn to make a WordPress course content page dynamic by loading lectures, replacing static titles with a retrieved curriculum, and turning the course title and permalink into dynamic, clickable elements.
Make Course Content Page Dynamic - Play Video Based on Lecture Click8:17

Load Login & Registration Pages5:05
Automatically Create Pages on Theme Activation9:27
Allow Users to Register in Registration Page9:57
Apply Security Measures for the Registration Process1:53
Automatically Login Users after they Register5:16
Redirect Users to Any Page2:18
Load Registration Page Design0:42
Allow Users to Login in the Login Page7:54
Create a custom login page with WordPress login form, redirect users after login to the dashboard using is_user_logged_in and home_url, and conditionally load the header and footer.
Load Login Page Design1:09
Include Logged in User in Navigation Bar8:37
Learn to customize the top navigation in a WordPress header by showing the logged in user, replacing sign up with login/out links, and adding icons and a username display.

Create Dashboard Template Page4:03
Design Dashboard Page with Html & Css26:24
Make Dashboard Page Design Responsive on Smaller Devices2:50
Managing Students Enrollments - Part 110:28
Execute PHP Function on Button Click10:28
Managing Students Enrollments - Part 27:30
Prevent Direct Access to Course Content Page3:53
Make Dashboard Page Dynamic15:45
How to Add Course Thumbnails3:12
Build Archive Page for Courses7:11

Build Student Rating System - Part 110:36
Build a dynamic course rating feature on the dashboard, with per-course rating buttons and a form to submit the rating, updating the WordPress database by course ID and student username.
Optimize Your Code - How to Include External Files in PHP1:22
Print out Student Rating when Submitted in Dashboard1:46
Calculate the Average Course Rating12:05
Create a Popup to Show Student Rating12:27
Create a pop up rating feature activated by a 'rate this course' button, loading the real student rating from the database with a styled JavaScript and CSS popup.
How to Close Student Rating Popup1:50
Improve Rating Popup Design5:00
Display Student Rating Stars based on Rating Number9:06

Requirements

No Programming Experience Needed. You will learn everything you need to Build Premium Plugins in WordPress

Description

Build a Learning Management System Theme LMS - to Manage Courses Like Udemy

In this course, the theme that we're going to be building is an LMS theme that helps us create & list courses on our website, just like this website Udemy

The process of building this theme will help you learn everything you need to Build Premium WordPress themes

Create CUSTOM POST TYPE - You will learn how to Create Custom Post Types in your WordPress Dashboard

You will have you own custom CPT here
You can name it anything you want, also you can change it's icon

Add CUSTOM FIELDS - You will learn how to Add Custom Fields (Without the need for External Plugins)

Learn how to customize Custom Fields with CSS to fit your design

In our Case we will add the course details like trailer video, the course price and it's content

After that we will learn how to save all these details in the database so that we can retrieve them later on in our course page

DATABASE - You will learn how to create database tables

This table will be created automatically once our plugin is activated
Second You will learn about Database:
How to Insert Data, Save it, Update it & Retrieve it from Any Database Table: Your plugin will be doing this for you automatically in the background

WEB DESIGN

You will learn how to Design Awesome Templates associated with your CPT using Html & CSS
You will learn how to Dynamically Load Your Courses Details from the custom fields that we built, Each course page will have it's own price, video trailer, content. And everything will be controlled from the WordPress Dashboard. You can make changes here and you'll see them in front-end.

This is the Power of using Themes in WordPress. It allows us to manage our content easily from the Dashboard

Also Keep in mind that this LMS Theme that you're going to be building is just one example. With this knowledge in this course you can build different plugins that serve different purposes - Selling T-shirts

So If you are interested in learning WordPress development by Building this LMS Theme, join me and let's get down to it

Who this course is for:

Beginner WordPress Developers who want to Build Premium Plugins & Themes

Become a WordPress Developer: Build Premium Themes & Plugins

What you'll learn

Explore related topics

Course content

Building Your WordPress Base: Essential Tools and Setup3 lectures • 11min

Loading Essential Components of WordPress Theme Development3 lectures • 11min

Diving Deeper into WordPress: Custom Post Types and Database Management12 lectures • 1hr 45min

Design Your WordPress Theme14 lectures • 1hr 40min

Dynamically Load Course Page Details3 lectures • 17min

Dynamically Design Course Content Page4 lectures • 33min

Setting Up User Management in WordPress Theme Development10 lectures • 52min

Dashboard Development and Course Management in WordPress10 lectures • 1hr 32min

Implementing a Student Rating System in Your WordPress Theme8 lectures • 54min

Finishing Your WordPress Theme Development1 lecture • 1min

Requirements

Description

Who this course is for: