Home>Courses>WordPress—A Complete Guide

WordPress—A Complete Guide

Gain insights into building custom WordPress themes using PHP and JavaScript. Delve into theme basics, advanced post types, and dynamic sites via the WordPress REST API to expand job opportunities.

Beginner

84 Lessons

25h

Certificate of Completion

Gain insights into building custom WordPress themes using PHP and JavaScript. Delve into theme basics, advanced post types, and dynamic sites via the WordPress REST API to expand job opportunities.

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

65 Playgrounds

Course Overview

What You'll Learn

Course Content

Course Overview

Expertise in creating interactive WordPress themes is highly sought after and will help open up many job opportunities for you. In this course, you will learn PHP and JavaScript to code your way toward building custom solutions for your clients. You’ll start with the basics of a WordPress theme, including blog listing, single posts, and archive pages, by creating a website for a fictitious school using an HTML template, thereby learning how to convert any static HTML template into an interactive WordPress ...Show More

Expertise in creating interactive WordPress themes is highly sought after and will help open up many job opportunities for you. ...Show More

What You'll Learn

Hands-on experience in creating custom and interactive themes using WordPress

Familiarity with PHP to manipulate the data of WordPress websites

Working knowledge of JavaScript to perform actions in real time

The ability to convert any static HTML template to an interactive WordPress theme

The ability to leverage the WordPress REST API and create custom REST routes

Hands-on experience in creating custom and interactive themes using WordPress

Course Content

Getting Started

1 Lessons

Get familiar with essential WordPress development topics, integrating PHP, JavaScript, and REST API.

Overview

Introduction

5 Lessons

Get started with WordPress development, local setup, custom themes, template hierarchy, and PHP integration.

WordPress Development Environment

Creating a Website in WordPress

Creating a Custom Theme

Template Hierarchy

PHP for WordPress

Theme files

3 Lessons

Work your way through the WordPress Loop, templates, and cohesive site structure.

The WordPress Loop

Single Post and Page Template

Header and Footer Template

Customizing WordPress Theme

5 Lessons

Apply your skills to customize WordPress themes using HTML templates and dynamic navigation menus.

Using HTML Template for Home Page: Part I

Using HTML Template for the Home Page: Part II

Using HTML Template for Interior Pages

Page Hierarchy

Navigation Menus

Basic Website Design

4 Lessons

Take a closer look at WordPress homepage, blog post, single post, and archive page design.

Designing the Home Page

Designing the Blog Page

Design Single Blog Post Page

Designing the Archive Page

Custom Post Types

3 Lessons

See how it works to register, display single posts, and archive custom post types in WordPress.

Registering Custom Post Type

Displaying Single Post of the Custom Post Type

Displaying Custom Post Type Archive

Custom Fields

4 Lessons

Master custom fields in WordPress to enhance site functionality and customization efficiently.

Adding Custom Fields

Using Custom Field on the Frontend

Reduce Code Duplication Using Functions

Create Custom Fields for Event Posts

Custom Queries

6 Lessons

Learn how to use custom queries to enhance WordPress data display and functionality.

Creating a Custom Query

Custom Query Arguments

Meta Queries

Customizing the Default Query

Pagination with Custom Query—Past Events

Template Parts

Relationships between Post Types

3 Lessons

Walk through creating and displaying post type relationships using custom fields in WordPress.

Creating Post Relationships

Displaying Relationships on the Frontend

Displaying Reverse Relationship

10.

Working with Images

4 Lessons

Work your way through assigning thumbnails, displaying them on the frontend, and customizing image sizes in WordPress.

Assign Thumbnail to a Post

Display Thumbnails on the Frontend

Custom Image Sizes

Cropping Images

11.

JavaScript for WordPress

4 Lessons

Enhance your skills in utilizing JavaScript tools and building dynamic, user-friendly live search features on WordPress.

Using a Build Tool

Building Live Search Functionality: Part I

Building Live Search Functionality: Part II

Working with Timers

12.

WordPress REST API

4 Lessons

Solve problems in interacting with the WordPress REST API, formatting JSON, and custom fields.

Working with the WordPress REST API

Format JSON Data to Display Results

Working with Multiple Post Types

Add New Custom Field to the REST API

13.

Custom REST API

4 Lessons

Implement advanced search capabilities using a custom WordPress REST API for efficient data retrieval.

Creating a Custom REST API

Using Single REST API Endpoint for Multiple Post Types

Keyword Searching with WP_Query

Post Type Relationships in Search Logic

14.

Non-JavaScript Search

2 Lessons

Practice using non-JavaScript search features to enhance WordPress accessibility and customization.

Traditional Search without JavaScript

Format Non-JavaScript Search Results

15.

CRUD Operations on the WordPress REST API

6 Lessons

Get familiar with CRUD operations using the WordPress REST API for lecture notes.

Custom Post Type for Storing Lecture Notes

Using JavaScript to Manipulate Lecture Posts

Connecting Frontend to the REST API

PUT Request to REST API

DELETE Request to REST API

POST Request to REST API

16.

User Roles and Permissions

5 Lessons

Unpack the core of managing WordPress user roles, privacy, post limits, and security practices effectively.

User Roles and Permissions

User Content Privacy

Per User Post Limit

Security Best Practices

17.

WordPress Block Editor

11 Lessons

Master the steps to customize WordPress websites using the Block Editor's dynamic features.

Building a Custom Button Block

PHP Render Callback Approach

The theme.json File

18.

Plugin Development

5 Lessons

Grasp the fundamentals of developing, configuring, and securing WordPress plugins for enhanced site functionality.

Introduction to Plugin Development

Using WordPress Settings API: Part I

Using WordPress Settings API: Part II

Coding the Plugin Logic

Creating Custom Setting Page with Submenu

19.

Conclusion

1 Lessons

Solve problems in WordPress with diverse skills, from theme creation to plugin development.

Final Remarks

20.

Appendix

4 Lessons

Follow the process of installing key tools for WordPress development and managing databases.

Installing Local

Installing VS Code

Installing Node.js

The Website's Database

Course Author

DataJek

Trusted by 2.5 million developers working at companies

"These are high-quality courses. Trust me. I own around 10 and the price is worth it for the content quality. EducativeInc came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks"

Anthony Walker

@_webarchitect_

"Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!"

Evan Dunbar

ML Engineer

"You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it."

Carlos Matias La Borde

Software Developer

"I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site"

Souvik Kundu

Front-end Developer

"Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content."

Vinay Krishnaiah

Software Developer

"I've tried probably 5-7 different sites and Educative is easily the best. It perfectly blends explanation with interactivity"

Eric Downs

Musician/Entrepeneur

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Instant Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

AI-Powered Mock Interviews

Put your skills to the test in a simulated interview setting. Receive personalized feedback based on your performance. Available in Premium & Premium Plus plans.

Adaptive Learning

At various checkpoints throughout Educative courses, you will be prompted to take a quick assessment. Receive a condensed curriculum tailored to your strengths and skill gaps.

Explain with AI

Select any text within any Educative course, and get an instant explanation — without ever leaving your browser.

AI Code Mentor

AI Code Mentor helps you quickly identify errors in your code, learn from your mistakes, and nudge you in the right direction — just like a 1:1 tutor!

Free Resources

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath