HDTutorial
EN
How to Create a Custom WordPress Theme - Full Course

Playback starts YouTube’s embedded player (privacy-enhanced mode).

How to Create a Custom WordPress Theme - Full Course

1,164,947 views April 29, 2020 2:32:35

Watch on YouTube
ChannelfreeCodeCamp.org

Chapters

Description from the creator

Learn how to create a custom WordPress theme. You will learn a process that you can use to convert any HTML/CSS template into a WordPress theme.

🔗 HTML/CSS template: github.com/wilsmex/blog-site-template

🎥 Course from Andrew Wilson. Check out his YouTube channel: youtube.com/followandrew

⭐️ Course Contents ⭐️
⌨️ (00:00) Introduction
⌨️ (00:51) Responsive Template Overview
⌨️ (04:28) WordPress Theme Structure & Location
⌨️ (05:51) Create Required Empty Files / Folders for Theme
⌨️ (12:39) Create Theme Screenshot.png file
⌨️ (13:05) WordPress Template Hierarchy
⌨️ (14:50) Setting up Style.css File Required Information
⌨️ (17:10) Activating the New Theme
⌨️ (18:41) Create Theme Home Page Template
⌨️ (21:50) Enqueue Styles
⌨️ (25:55) Add wp_head() to Head Section
⌨️ (33:30) Enqueue Scripts
⌨️ (35:02) Add wp_footer() to Foot Section
⌨️ (41:25) Create header.php & footer.php Files
⌨️ (44:41) Add Dynamic Page Titles
⌨️ (48:63) WordPress Auto Thumbnail Sizes
⌨️ (50:50) Create Home Page in WordPress Admin Panel
⌨️ (53:20) The WordPress Loop
⌨️ (56:24) Dynamic Page Title Heading
⌨️ (58:01) Create WordPress Menu Area
⌨️ (01:03:36) Dynamic Menus
⌨️ (01:16:16) Customize Site Logo Upload & Name
⌨️ (01:25:12) Add WordPress Posts in Admin Panel
⌨️ (01:07:11) Add Feature Image Thumbnail Support
⌨️ (01:29:06) Create Single Post Template File
⌨️ (01:33:52) Add Post Meta Data
⌨️ (01:40:39) Comments & Comments Templates
⌨️ (01:53:45) Post Archives Page Templates
⌨️ (01:57:34) Blog Archive & index.php Templates
⌨️ (02:03:39) Post Thumbnails
⌨️ (02:07:16) Pagination Links
⌨️ (02:10:10) Page Template File
⌨️ (02:25:37) 404 Template (Page Not Found)
⌨️ (02:28:50) Add Searching
⌨️ (02:30:50) A Few Extras and Where to Go

--

Learn to code for free and get a developer job: freecodecamp.org

Read hundreds of articles on programming: freecodecamp.org/news

❤️ Support for this channel comes from our friends at Scrimba – the coding platform that's reinvented interactive learning: scrimba.com/freecodecamp

About this tutorial

freeCodeCamp.org published this 2:32:35 video tutorial on April 29, 2020. It has been watched 1,164,947 times on YouTube.

Category
Education
Duration
2:32:35
Published
April 29, 2020
Views
1,164,947
Likes
20,742

Share

This tutorial in other languages