Spectra Block Editor | Gutenberg Blocks Complete Tutorial For Beginners

Published: 19 August 2022
on channel: Riad Mahmud

37,071

721

✅ Get Spectra pro https://riadmahmud.com/ref/spectrapro (35% Discount while using my Affiliate link) 🥳

Gutenberg Block Editor - Spectra Block Editor Complete Project ✅    • Part 1: Figma To Gutenberg Using Spec...   It's one of the most popular and growing page builder for Gutenberg block.

🔴 COMPLETE PROJECT USING SPECTRA BLOCK EDITOR 🔴
=======================================
✅ Part 1: Build a complete website using Spectra Block editor:    • Part 1: Figma To Gutenberg Using Spec...
✅ Part 2: Build a complete website using Spectra Block editor:    • Part 2: Figma To Gutenberg Using Spec...

The most exciting part is it’s completely free.

And also it comes with a lot of advanced features and creative Blocks, which are not available on any other Free page builder.

So, today I’ll show you every single block item from Spectra block editor. So that you can understand everything step by step.

🔴 TOP WORDPRESS DEALS IN 2022 🔴
===============================
✅ Download Astra Pro: https://riadmahmud.com/ref/astra (SAVE 10%)
✅ Download Kadence Theme: https://riadmahmud.com/ref/kadence (SAVE 10%)
✅ Download Elementor Pro: https://riadmahmud.com/ref/elementor
✅ Download LearnDash LMS: https://riadmahmud.com/ref/learndash
✅ Bluehost Hosting: https://riadmahmud.com/ref/bluehost ( 60% OFF WITH FREE DOMAIN )

🔴 BEST WORDPRESS PAGE BUILDERS 🔴
=================================
✅ Elementor: https://riadmahmud.com/ref/elementor
✅ Beaver builder: https://riadmahmud.com/ref/beaverbuilder
✅ Brizy: https://riadmahmud.com/ref/brizy
✅ Divi: https://riadmahmud.com/ref/divi

🔴 BEST WORDPRESS HOSTING 🔴
============================
✅ Bluehost: https://riadmahmud.com/ref/bluehost (60% OFF WITH FREE DOMAIN)
✅ CloudWays: https://riadmahmud.com/ref/cloudways
✅ WPEngine: https://riadmahmud.com/ref/wpengine

🔴 CONTACT WITH ME 🔴
=====================
🟢 Website: https://riadmahmud.com
🟢 Facebook:   / riadwebpro
🟢 Facebook Group:   / 2190516887945067
🟢 Twitter:   / riadmahmud46
🟢 Instagram:   / riadwebpro

🔴 TIME STAMP 🔴
=====================
0:00:00 Introduction to Spectra Block Editor
0:00:37 Features that I like inside the Spectra with 28+ Block item
0:01:42 Learn Full Site Editing Default Block Editor WordPress theme
0:02:12 Let me introduce Myself
0:02:31 Install the Spectra Plugin
0:04:00 Spectra Settings Overview
0:12:14 Understand Container, FlexBox, and Advance Settings
0:15:30 Explore the General Option Inside FlexBox Container
0:25:46 Explore the Style Option from FlexBox Container & Block Editor
0:37:04 Explore the Advanced Settings from Block Editor
0:41:56 Spectra Advance Heading Block
0:51:44 Spectra Image Block
0:57:18 Spectra Buttons Block
1:06:40 Spectra InfoBox Block
1:19:45 Spectra Call To Action Block
1:24:20 Spectra Blockquote Block
1:29:05 Spectra Content Timeline Block
1:35:33 Spectra FAQ’s Block
1:41:35 Spectra Contact form Block
1:54:20 Spectra Map Block
1:54:23 Heavy Raining
1:57:03 Spectra How to Block
2:00:49 Spectra Icon List Block
2:07:10 Spectra Inline Noticed Block
2:10:21 Spectra Lottie Animation Block
2:16:07 Spectra Marketing Button Block
2:19:17 Spectra Post Carousel Block
2:32:29 Spectra Post Grid Block
2:35:41 Spectra Post Timeline Block
2:38:08 Spectra Price List Block
2:43:06 Spectra Review Block
2:46:15 Spectra Social Share Block
2:47:12 Spectra Table of Content Block
2:49:38 Spectra Tabs Bock
2:56:00 Spectra Taxonomy List Block
2:59:38 Spectra Team Block
3:02:44 Spectra Testimonials Block
3:06:38 Outro