Skip to main content Skip to footer
Itchy Fingers Design Knowledgebase logo← back to main website

What are you looking for?

Explore our ever expanding knowledge base for answers.

WordPress

6
  • How to Optimise a WordPress Post for SEO
  • How to create a blog post and correctly tag for SEO
  • Organising the media library
  • An introduction to Gutenberg blocks
  • How to correctly size and optimise images BEFORE uploading to your website
  • WooCommerce
    • How to Edit Products in WooCommerce: Step-by-Step Guide

Website Management Support

1
  • How do I provide visual feedback on development / live websites?

Working With Me

3
  • Getting Started
  • Using Trello for Project Management
  • How do I provide visual feedback on development / live websites?

Moving Forward

1
  • Content Creation
    • How to Optimise a WordPress Post for SEO
  • Home
  • Home
  • WordPress
  • An introduction to Gutenberg blocks
View Categories

An introduction to Gutenberg blocks

Learn all about the Gutenberg editor and how you can use blocks to make adding posts easy and be able to include lots of layouts when adding post content.

What are Gutenberg Blocks?

Gutenberg blocks are the building blocks of content in the WordPress block editor. Each block represents a specific piece of content, and users can customize and arrange these blocks to create rich and engaging layouts.

Types of Gutenberg Blocks

There are several types of Gutenberg blocks available, including:

  • Text block
  • Image block
  • Heading block
  • List block
  • Quote block
  • And many more…

Creating Gutenberg Blocks

To create a Gutenberg block, users can add a new block in the editor and select the desired block type from the block library. Users can then customise the block settings and content to match their needs.

Extending Gutenberg Blocks

Developers can extend Gutenberg blocks by creating custom blocks using JavaScript and React. This allows for endless possibilities in terms of customizing and enhancing the functionality of blocks in the WordPress editor.

Still stuck? How can I help?

How can I help?

Updated on 23 May 2024
Organising the media libraryHow to correctly size and optimise images BEFORE uploading to your website
Table of Contents
  • What are Gutenberg Blocks?
  • Types of Gutenberg Blocks
  • Creating Gutenberg Blocks
  • Extending Gutenberg Blocks