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
Auf dieser Seite können Sie das Online-Video Master WordPress Theme Development: Step-by-Step Tutorial with DevWP mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer PixemWeb 27 März 2023 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 20,225 Mal angesehen und es wurde von 536 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
