How to build a website with WordPress Only using Gutenberg Editor?

Table of Contents:

00:00 – Intro (How to build a website with WordPress Only using Gutenberg Editor)

01:07 – Install Free Kadence Theme

02:26 – Install Kadence Starter Template

04:45 – Edit Homepage in Gutenberg

06:36 – Add new block (Button)

08:35 – Replicating styles between Gutenberg blocks

09:58 – Reusable Blocks

12:56 – Responsive settings in Gutenberg

14:41 – Setting Column orders on mobile

15:58 – Outro (How to build a website with WordPress Only using Gutenberg Editor)


In this tutorial, we are going to see how we can build a website quickly, just using WordPress on Gutenberg editor and not using any other editor like Elementor, DIVI or Beaver.

For this, I am going to use a starter theme which is called the Kadence theme. It has the free version available, and you can actually use it to build any website from a smaller to medium scale or maybe some bigger sites.

Assalam-o-Alaikum and hi guys. Welcome to my channel. My name is Adnan Ahmed. If this is the first time you are visiting my channel, please click on the subscribe icon and click the bell icon so you will never miss the video in the future.

Okay, let’s jump to the computer screen to start building the website in WordPress only using its Gutenberg editor.


How to build a website with WordPress Only using Gutenberg Editor, make a website using wordpress for free, wordpress Gutenberg, Gutenberg wordpress, wordpress Gutenberg blocks, Gutenberg wordpress editor, wordpress Gutenberg tutorial, Gutenberg blocks, wordpress, Gutenberg page builder, Gutenberg wordpress tutorial, Kadence, Kadence theme, Kadence blocks, Kadence theme tutorial, Adnan Ahmed, Web Developer, Web Development Tutorials, web development tutorial for beginners, wordpress tutorial


  WordPress Themes & Plugins.

Astra WordPress Theme: https://www.iadnanahmed


Elementor Pro Theme Builder:…

  Equipment used to record my videos.

Canon EOS 700D + EF-S 18-55mm 3.5-5.6 is STM – International Version –

BOYA BY-M1 3.5mm Electret Condenser Microphone with 1/4″ adapter for Smartphones iPhone DSLR Cameras PC –

SOMITA St-3520 Lightweight 56″ Tripod –

Selfie Ring Light with Tripod Stand and Phone Holder –

Disclaimer: This video and description contain affiliate links, which means that if you click on one of the product links, I’ll receive a small commission. It helps support the channel and allows me to continue to make videos like this. Thank you for your support!


#adnanahmed​, #webdeveloper​, #webdevelopmenttutorials​, #wordpresstutorials​, #wordpress​, #webdevelopment

Load WordPress Sites in as fast as 37ms!

Like this article?

Share on Facebook
Share on Twitter
Share on Linkdin
Share on Pinterest
© Copyright 2008 – 2024 Adnan Ahmed – Freelance WordPress Web Developer


Get the latest updates in your inbox!