Do you think Gutenberg can only be used to write blog posts or page content? If so, watch the video as I show you how I recreated Elementor’s landing page in Gutenberg. Required Plugin Gutenberg has enough blocks built-in; I’ve…
I’ve recently replicated the Elementor’s official home page in Gutenberg as an experiment & to create a tutorial. That tutorial is on the way, but, I would like to highlight about the HTML markup both page builders generate. You will…
Hey there, this is Munir here. And today, I am excited to put in the final puzzle of my efforts to make website creation super easier for everyone with Gutenberg WordPress editor. Background Story First 😊 It’s a little boring…
Just added a nifty little feature in our Chrome Browser Extension that lets you copy the selected block(s) template. What is Block Template? Block Template is simply a collection of blocks with predefined attributes and placeholder content. This is quite…
Background Patterns are a good way to enhance your page design. In this tutorial, I will guide you with an easy way to use patterns in Gutenberg. Ready to Use CSS Patterns I’ve come across a great CSS Patterns Library,…
Following the great success of the Gutenberg Templates Library and the GutenbergHub’s chrome browser extension, I am excited to share this Gutenberg Template Builder. The Gutenberg Template Builder ? This is right now, kind of a prototype to gather the feedback and suggestions…
In this tutorial, we will create a visual sitemap tree using the default list block with some custom CSS only. First, you need to add a list block and assign the class tree. And add list items to represent your…
Following the enormous response to the Gutenberg Templates Library, we launched last week. I am super excited to present to you our very first Chrome Browser Extension. For now, this extension allows you to browse the templates library but stay tuned…
Update: 21 July 2020: The Templates Library got updated to make things super easier and smooth. It now requires you to install one plugin Editor Plus, and, this plugin allows you to easily make customizations to the templates and does…
In this tutorial, we will create an interactive yet simple FAQ page design in Gutenberg. This will be a two-column layout with the question placed in the left column. The FAQ question remains sticky until the relevant answer’s content scrolls.…
