How to use the Wordpress Gutenberg Block Editor (full tutorial) скачать в хорошем качестве

How to use the Wordpress Gutenberg Block Editor (full tutorial)

🔥🔥 Save 40% on the SUPERFAST Cloud hosting I use (Today only) https://buildthatwebsite.com/cloudways In this video you'll learn how to use Gutenberg, the WordPress Block Editor to build beautiful, seo-friendly blog posts and pages. Gutenberg is a transformational step in the evolution of WordPress and I'll help you get the most out of it. You'll learn how to insert, configure and style the best Gutenberg blocks. You'll also learn to move, group, and re-arrange blocks. Finally, we'll look at some quirks of the block builder as well as useful shortcuts to speed up your workflow. Blocks used in this Gutenberg tutorial: • Paragraph • Lists (UL & OL) • Heading • Image • Block Quote • Shortcode • Button • Columns • Group ==================================== Video Chapters ==================================== 00:00 - Intro & What you'll learn 0:34 - How to add a block 1:33 - Paragraph block 2:50 - List block 4:36 - Heading 6:00 - Image block 7:57 - Blockquote 8:27 - Shortcode block (including nesting blocks in shortcodes) 10:50 - Classic block 11:23 - Embed/Video block 12:22 - Cover block 13:54 - Columns block 14:47 - Table block 16:15 - Separator/Horizontal Rule 16:39 - Button block 18:00 - Group block 20:00 - Adding custom CSS to blocks 21:19 - Reusable blocks Advantages of Gutenberg vs other Page Builders like Elementor or Beaver Builder? Clean, lightweight code Lower page size (and faster speed scores) Faster for writing content-heavy pages (blog posts) Native WordPress support (won't break your site on updates) Blocks still display even if a Gutenberg is deactivated It's FREE Large library of 3rd-party extensions and blocks 👉 Tools & Plugins I Use ----------------------------------------------- • Hosting: Cloudways https://buildthatwebsite.com/cloudways • Theme: Generatepress - https://buildthatwebsite.com/generate... • Page Builder: Elementor Pro - https://buildthatwebsite.com/elementor • Site speed & Optimization: WPRocket - https://buildthatwebsite.com/wprocket • SEO/Keyword Research: SEMrush - https://buildthatwebsite.com/semrush This video contains affiliate links for Cloudways #Gutenberg #Wordpress #wordpressblockeditor