🔥🔥 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/generatepress
• 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
