Master WordPress Theme Development: Step-by-Step Tutorial with DevWP

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-wordpr... 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