Скачать с ютуб WordPress Block Theme Development в хорошем качестве

WordPress Block Theme Development

If you're a WordPress developer and you've mastered classic theme development and you want to explore the new Block Theme approach to full site editing, then you're in the right place. In this video, I'm going to show you my approach to modern WordPress Block Theme Development. Block Themes represent a modern approach to full site editing inspired by the block editor, which in turn is powered by Gutenberg. In contrast, WordPress theme developers would need to have a fairly extensive knowledge of PHP to create things which are now referred to as Classic Themes. Block themes simplify this process allowing developers to create fairly simple HTML themes lowering the barrier to entry for WordPress enthusiasts, and also adds the benefit of using a block based approach to building websites through the full site editing experience. This leverages the full capability of using the block editor allowing you to easily rearrange, add and remove blocks to create unique layouts without the necessity for advanced coding skills. Also, behind the scenes WordPress Core blocks already have responsive design considerations built in meaning that if you take the Block Theme approach websites will display optimally on both desktop and mobile and as always, WordPress continues to evolve. So by taking the Block Theme approach serves as a great strategy for future proofing your website. Chapters: 00:00 - Introduction to WordPress Block Theme Development 00:20 - What is a WordPress Block Theme 01:17 - Like and subscribe 01:46 - Tools needed for WordPress Block Theme Development 02:23 - How to audit a website before building a WordPress Block Theme 05:05 - How to create a WordPress Block Theme manually 06:24 - Create a theme.json file in the WordPress Block Theme 07:11 - How to activate the WordPress Block Theme 07:45 - Settings and autocomplete in the theme.json file of the WordPress Block Theme 09:33 - How to setup development mode in the WordPress Block Theme 09:59 - How to create a WordPress Block Theme with the Create Block Theme plugin 11:55 - Understanding theme, global and block settings and styles in a WordPress Block Theme 17:28 - How to manage colors in a WordPress Block Theme 20:00 - How to manage css variables in the theme.json file in a WordPress Block Theme 21:17 - How to manage fonts settings and styles in the theme.json file in a WordPress Block Theme 25:56 - How to setup the header template in a WordPress Block Theme 27:39 - How to setup the header template in a WordPress Block Theme 27:50 - How to use Pixel Perfect Pro to layout a WordPress Block Theme 28:12 - How setup contentSize and wideSize in the theme.json file of a WordPress Block Theme 29:30 - Understanding where template files are stored in a WordPress Block Theme 30:46 - Where to find template parts stored in the database of a WordPress Block Theme 31:01 - Where to find template part code in the site editor of a WordPress Block Theme 31:28 - How to clear all customisation in the WordPress Block Theme 32:21 - Understanding the template structure in the WordPress Block Theme 34:13 - How to setup the page template for full site editing in the WordPress Block Theme 35:10 - How to setup patterns for full site editing in the WordPress Block Theme 38:17 - How to include images in from the theme folder of a WordPress Block Theme 40:25 - How to include patterns in the template files of a WordPress Block Theme 42:05 - How to style core blocks in a WordPress Block Theme 43:55 - How to export settings & style from the database to a theme.json file in a WordPress Block Theme