WordPress

Welcome

2024 Roadmap & intro!

welcome to the course

Getting started

what is a Dev Environment? ( Your first installation)

if you are unabale to install local by Flywheel

About The recent Big changes to WordPress

First Taste of PHP

First Coding Steps:PHP

A note URLs/My Address Bar

Creating a New Theme

PHP Functions

PHP Arrays

WordPress Specific PHP

The Famous "Loop" in WordPress

Header & Footer

Optional: If You Want To Skip To One of The Final Chapters In The Course

Convert Static HTML Template into WordPress (Part 1)

Convert Static HTML Template into WordPress (Part 2)

Pages

Interior Page Template

Parent & Children Pages

To Echo or Not To Echo

Menu of Child Page Links

A Few Quick Edits / Improvements

Navigation Menus

Navigation Menus (Continued)

Building the Blog Section

Blog Listing Page (index.php vs front-page.php)

Blog Continued

Blog Archives (archive.php)

Custom Queries

Blog: Few Quick Edits & Improvements

Events Post Type

Custom Post Types

Using The Modern Block Editor For Our Custom Post Type

Displaying Custom Post Types

Quick Timeout: Misc Updates

Custom Fields

A Note About the WordPress Post Edit Screen

Ordering (Sorting) Custom Queries

Manipulating Default URL Based Queries

Past Events Page (Custom Query Pagination)

Programs Post Type

Creating Relationships Between Content

Displaying Relationships (Front-End)

Quick Program Edits

Professors Post Type

Quick Note About The Next Lesson

Professors Post Type

Featured Image (Post Thumbnail)

Featured Image Sizes & Cropping

Page Banner Dynamic Background Image

Cleaner Code ( Less Duplication )

Note About PHP Warning In The Next Lesson

Reduce Duplicate Code - Create Our Own Function

Solution To "Undefined array key" Warnings

Quick Fix For Page Banner Function

Using Our "pageBanner" Function

Reduce Duplication - "get_template_part()"

JavaScript Preparation

Getting Our Computer & Project Ready for JavaScript

Important Note About The Next Lesson

Optional: The Finished Product Of This Course: All In One Import File

Campus Post Type

Note About Google Maps JavaScript API

Campus Post Type

Campus Map on Front-End

Campuses Continued

Final Campus Details

Live Search ( UI JavaScript)

Live Search

Quick Note About The Next Lesson

Open and Close Search Overlay

Preventing the Text Field Suggestions Pop-up

Keyboard Events in JavaScript

Managing Time in JavaScript

Waiting / Loading Spinner Icon

WordPress Rest API ( AJAX )

Quick Note About The Next Lesson

Load WP Content with JS

Generate HTML Based on JSON

Conditional Logic Within Template Literal

Quick Misc Edits

Synchronous vs Asynchronous (Part 1)

Synchronous vs Asynchronous (Part 2)

Cusmtomizing the REST API

REST API: Add New Custom Field

REST API: Add New Custom Route (URL)

Create Your Own Raw JSON Data

WP_Query and Keyword Searching

Working With Multiple Post Types

Combining Front-End & Back-End

3 Column Layout for Search Overlay

Custom Layout & JSON based on Post Type

Quick Note About The Next Lesson

Search Logic That's Aware of Relationships

Search Logic That's Aware of Relationships (Part 2)

Completing Our Search Overlay

jQuery Free Live Search

Non-JS Fallback Traditional Search

Traditional WordPress Searching

Traditional WordPress Searching (Part 2)

User Roles and Permissions

User Roles and Permissions

Open Registration

Open Registration (Part 2)

User Generated Content

"My Notes" Feature

"My Notes" Front-end Part 1

"My Notes" Front-end Part 2

Quick Note About The Next Lesson

Delete Posts with the REST API

Edit / Update Posts with the REST API

Creating New Notes

Creating New Notes (Part 2)

Note Permissions and Security (Part 1)

Note Permissions and Security (Part 2)

Per-User Post Limit

Quick Note About CSS

jQuery Free My Notes

Like or " Heart" Count For Professors

Let Users "Like" Content (Part 1)

Let Users "Like" Content (Part 2)

Creating Custom POST and DELETE Endpoints

Programmatically Create a Post

Enforce Limit of One Like Per User/Teacher Combo

Don't Forget About The "isset" Solution

Completing the LikeBox

Reminder To Use "isset" In Our LikeBox HTML Output

jQuery Free LikeBox

Going Live:Deploying Our WordPress Site (New for 2024 )

Going Live with Our Website

The Different Web Hosts & Plans To Consider

Installing WordPress On Our Live Site

Migrate Local WP Site To Live Site

Getting Started With Git

How To Login Into Our Live Site With SSH

Turn Live Site Into Git Host (Bare Repo)

Passwordless SSH Login

Extra Credit Challenges & Topics

Note About Making The Slideshow Dynamic

Challenge: Make Homepage Slideshow Dynamic

What Is WP-CLI?

Plugin Development:PHP

Introduction to Plugin Development

Let's Create Our First Plugin

Adding a Settings Page For Our Plugin

Settings API (Saving Settings Data)

Finishing Our Settings Form

Actually Counting the Words, Characters, and Read Time

Translations / Localization (For PHP)

Admin Sub-Menu

Custom Admin Menu Icon

Solution To Undefined Array Key Message In Next Lesson

Alternative: Manually Handling Admin Form Submit

Finishing Word Filter Plugin

Plugin Development:Blocks,Gutenberg & React

Introduction to JavaScript Plugin Development

Introduction to JSX

Block Type Attributes

Let's Discuss the Output of Our Block (Part 1)

Let's Discuss the Output of Our Block (Part 2)

Plugin:Multiple Choice Block Type ( React )

Quick Note About Loading Block Asset Files

Starting Our Multiple Choice Block Type

Styling Our Block

Event Handling & Updating Block Attributes

Focus New Field For Immediate Typing

Setting Up The Correct Answer

If You're Using a Block Theme: Load Your JS In The Footer

How To Use React on The Front-End of WordPress

Passing Block Data From PHP Into JavaScript / React

Letting Users Click On (Guess) An Answer

Attention To Detail

A Note About Animations / Transitions in React

Let Admin Choose Background Color of Block

Block Text Alignment & Block Preview

Using The "block.json" File

Plugin:Featured Professor

Starting Our Featured Professor Plugin

Loading a List of Professors

Displaying Professor Info

Professor Preview In Editor (Part 1)

Professor Preview In Editor (Part 2)

Control Post Meta With Block Type

Add Related Posts to Professor Detail Page

Translations / Localization (For JavaScript)

Plugin Development:Custom SQL Database Table

Understanding The Pros and Cons of the "Post" Paradigm

Creating Our Own Custom Table

Querying Our Table

Building Dynamic Queries (Part 1)

Quick Note About PHP Arrays

PHP Warnings In The Next Lesson

Building Dynamic Queries (Part 2)

Reminder Of PHP Warning Solution

Create Pet From Front-End

Delete Pet From Front-End

Converting Plugin To Be a Block Type Plugin Instead

Block Themes & Full Site Editing

Note About 2024 Block Best Practices

What Is Full Site Editing?

Important Note: theme.json File Needed

Creating A Block Theme

Where Should We Begin With Block Themes?

Custom Banner Block (Part 1)

Custom Banner Block (Part 2)

Check For "isset" in Your Functions File

Making Our Block Editable

Generic Heading Block

Finishing Generic Heading Block

What Is "theme.json" In A Block Theme? (Part 1)

What Is "theme.json" In A Block Theme? (Part 2)

How To Disable Most Typography & Color Choices

Custom Button Block (Part 1)

Custom Button Block (Part 2)

Color Picker For Button Block (Part 1)

Color Picker For Button Block (Part 2)

Quick Note About Link Chooser Popover

Our PHP Render Approach

User Uploaded Background Images (Part 1)

About Undefined Array Key Warnings

User Uploaded Background Images (Part 2)

Reminder To Use "isset" In Our "banner.php" File

Quick Details: Banner Block

Events And Blogs Area (Part 1)

Events And Blogs Area (Part 2)

Header & Footer Blocks

Slideshow Block (Part 1)

Quick Note About isset()

Slideshow Block (Part 2)

Templates (Part 1)

Quick Note About empty()

Templates (Part 2)

Note About The Next Several Lessons

Single Page & Post Templates

Don't Forget About Singular Content In Block Themes

Remaining Templates

Reminder To Use "isset" In Our "singleprofessor.php" File

Only Allow Certain Block Types In Certain Editor Environments

Quick Note About Custom Templates In The Next Lesson

Creating A "Blank" Template For Landing Pages

Keeping Blocks Organized with block.json & render.php ( New in 2024 )

The "Official" WordPress Block Dev Setup

How To Setup Multiple Blocks

Practice Makes Perfect

Our Banner Block

Slide & Slideshow Blocks

Finishing Up

Workflow Task Cleanup In package.json

Interactivity API ( New 2024 )

What Is The Interactivity API?

Creating Our Interactive Block

What Is Context In The Interactivity API?

Rendering HTML With The Interactivity API

Automatically Convert PHP Data into JS Data

Show Congrats & Sorry Based on Context

Callbacks In The Interactivity API

When To Use State Instead of Context

Final Chapter

Challenge: Have an Update Plan in Place (Security)

Challenge: Query Vars

Finale: JavaScript Next Steps