How to use the Wordpress Gutenberg Block Editor (full tutorial)
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 (script optimization): Autoptimize - https://wordpress.org/plugins/autoptimize/
• SEO/Keyword Research: SEMrush - https://buildthatwebsite.com/semrush
This video contains affiliate links for Cloudways
#Gutenberg #Wordpress #wordpressblockeditor
Видео How to use the Wordpress Gutenberg Block Editor (full tutorial) канала Build That Website
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 (script optimization): Autoptimize - https://wordpress.org/plugins/autoptimize/
• SEO/Keyword Research: SEMrush - https://buildthatwebsite.com/semrush
This video contains affiliate links for Cloudways
#Gutenberg #Wordpress #wordpressblockeditor
Видео How to use the Wordpress Gutenberg Block Editor (full tutorial) канала Build That Website
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Elementor Complete Tutorial 2020 - Build a Full One Page Website with ElementorTop 10 tips for Editing with the Gutenberg Block Editor (2021)How To Make a WordPress Website - For BeginnersWordPress Gutenberg Block Basics (2020)[MUST WATCH] How To Make Any Page Layout Using The WordPress Block Builder GutenbergHow to add CSS to Gutenberg Blocks (Buttons, Icon Lists, Images & more!)How To Make a WordPress Website ~ 2021 ~ A WordPress Tutorial For BeginnersHow to use WordPress Local Hosting to build your website (Free!)Create a Full Website Step by Step for Free! Kadence Theme and Gutenberg TutorialGutenberg Tutorials | Better Designs with FREE TOOLSSomething small but HUGE just happened to WordPress!Elementor Complete Tutorial 2021 ~ Build a Full Website with ElementorTop 11 Gutenberg Block Plugins That Will Make Page Builders ObsoleteSmarter Sidebars: How to build Better WordPress Sidebars40+ Free Blocks for Gutenberg in WordPress - GetWidKadence Theme Tutorial | The Best Free WP ThemeDesigning a Custom GeneratePress Website from Scratch✅ 😱 YOAST SEO Tutorial para WordPress 2021 – FÁCIL & DESDE CEROHow To Make a Website With WordPress Only - No Slow/Complicated Page BuilderKadence, Qubely, Stackable Gutenberg Blocks Comparison