Time Stamps Below. Learn WordPress Theme Development with DevWP. WordPress powers over 40% of websites and over 60% of websites that use a Content Management System. WordPress Themes come in a few flavors, from Classic, Hybrid, and Full Site Editing Support via Gutenberg and the Block Editor.
https://www.pixemweb.com/devwp-wordpress-development-training-theme/
0:00 Intro
0:34 DevWP Demo Overview
09:28 Local Dev Setup
09:59 XAMPP for Windows
12:51 WordPress Database Setup with XAMPP
13:10 MAMP for macOS
15:32 WordPress Database Setup with MAMP
17:05 WordPress Download and Setup on macOS
20:02 VS Code Text Editor
21:29 Git Installation for Windows
23:57 Git Installation for macOS with Homebrew
26:39 Node JS Installation on Windows
28:21 Node JS Installation on macOS with NVM
34:09 Composer Installation on Windows
35:28 macOS ZSH or BASH Shell Environment
38:44 Composer Installation on macOS
41:03 WordPress Download and Setup on Windows
44:39 WordPress Plugins for Development
48:05 Theme Unit Test Data
49:44 Theme Check Plugin
50:37 WP Config File for Debugging
52:42 Underscores WordPress Starter Theme Download
56:53 Sass Files Folder and CSS Code Cleanup
01:33:02 Additional Folders Created
01:36:59 Stylelintrc JSON File Code
01:37:23 Composer JSON File Code
01:38:46 Package JSON File Code
01:40:09 PHP CS XML Dist File Code
01:43:23 Create Additional Files
01:44:03 Editor Config File Code
01:45:11 Git Attributes File Code
01:46:10 Gitignore File Code
01:47:09 Gulpfile JS File Code
01:51:47 NPM Install Command
01:52:11 Composer Install Command
01:55:09 Git Commands
01:57:38 Gulp Command
02:02:46 Functions PHP File Code
02:22:38 Customizer File Code
02:49:41 Bootstrap 5 Navwalker File Code
03:10:32 Nano Editor
03:15:13 Extras File Code
03:31:25 Front Page PHP Code
03:39:57 Home - Blog Roll Page File Code
03:49:50 WordPress Loop File Code
03:51:55 Template Tags File Code
03:55:09 Media File Code
04:06:01 Header File Code
04:08:16 Navbar Files Code
04:15:05 Footer File Code
04:28:04 Block Editor File Code
04:34:15 Optimizations File Code
04:38:33 Template Functions File Code
04:50:13 Linting Our Code with Composer and NPM Commands
05:17:40 Fixing the Duplicate ID Error
05:20:05 Closing Thoughts and Remarks
WordPress Theme Development is constantly evolving and in this video, I show you how to code a WordPress Hybrid Theme that enables features from Gutenberg, or the Classic Editor.
I demonstrate how to incorporate several of the most popular front-end and back end tools, from Underscores, Font Awesome, Bootstrap, along with using Composer, Node JS, Gulp JS, Git for version control, and Custom code that result in a fully responsive website.
#wordpressthemedevelopment #wordpress #wp