WordPress.org
Get WordPress

Help improve Learn WordPress for everyone - fill out the individual learner survey today.

Search Results for: gutenberg

Tutorial

Content Creation in WordPress Block Editor (Gutenberg)

This WordCamp India workshop explains different techniques for content creation using the WordPress Block Editor (Gutenberg) in WordPress 5.6. The workshop goes into detail about the Block Editor and showcases the different blocks in the block editor such as the paragraph block, heading block, list block, quote block, cover block, etc – amongst others. The workshop also goes into detail about different features in the block editor – such as reusable blocks, block patterns,

  • Topic: Block Editor, Publishing, WordPress
  • Duration: 39 mins
  • Language: English
Tutorial

How to use GitHub for Gutenberg

The WordPress project uses GitHub to manage all issues related to the Core Editing experience including everything from, core blocks like image or paragraph, core editor APIs, full site editing, and more.

This video will teach you everything you need to know about creating, updating, following, and browsing GitHub issues so that you can effectively contribute to the core editor using GitHub (This line is partially stolen from the how to use Trac workshop!).

  • Topic: Contributing, Core
  • Duration: 18 mins
  • Language: English
Tutorial

Intro to Gutenberg Block Development

With WordPress moving more and more into the world of blocks, knowing how to build your own blocks has become valuable knowledge. However, if you are a plugin or theme developer, you might not be sure where to start. This workshop will serve as a guide to building your first block.

  • Topic: Block Development, Block Editor
  • Duration: 47 mins
  • Language: English
Tutorial

Creating Custom Fields

Custom fields and add extra information to WordPress posts, pages and custom post types. This information can not only enhance the post but make it more sortable and searchable. This video will show you how […]

  • Topic: Dashboard
  • Duration: 5 mins
  • Language: English
Course

A Developers Guide to Block Themes – Part 2

Learn the how to develop block themes development in part 2 of the Developers Guide to Block Themes.

The course will continue on from what you learned in part 1, and covers more advanced block theme development tactics.

What you will learn:

  • Adding custom fonts to your block theme
  • Adding custom functionality through block patterns
  • Creating Global Styles variations
  • Making your block theme translation ready
  • Locking down your theme settings and blocks
  • Lessons: 21
Course

A Developers Guide to Block Themes – Part 1

Learn the fundamentals of block theme development in part 1 of the Developers Guide to Block Themes.

The course will guide you through the process of developing a block theme from scratch. It covers the fundamental elements of a block theme, teaching you the concepts via real world examples.

What you will learn:

  • The minimum requirements of a block theme
  • Turning design requirements into a theme.json file
  • How to utilize the Site Editor to build out your theme templates
  • Taking the changes from the Site Editor and saving them as theme files
  • Creating Custom Templates, Template Parts, and Variable Templates
  • Lessons: 19
Course

Using the WordPress Data Layer

Let’s build a JavaScript application based on WordPress REST API

In this course, you will learn how to:

  • Fetch, filter, and display data
  • Update, delete, and create new data records
  • Handle errors gracefully
  • Leverage the caching and concurrency behaviors of the data layer
  • Lessons: 6
Course

Introduction to Block Development: Build your first custom block

Learn the basics of block development with this introductory course. This step-by-step guide will walk you through the process of building a custom block from start to finish.

The course will guide you through the steps needed to build a practical example project that you can go on to use in your own sites. It will provide you with a solid foundation in developing custom blocks. The course will arm you with the essential concepts and knowledge, thereby giving you the confidence to work on your own projects.

What you will learn:

  • Set up a development environment
  • Scaffold a block
  • Make the block user configurable
  • Work with various content using InnerBlocks
  • Add style variations
  • And more….
  • Lessons: 20
Lesson Plan

Locking Blocks in the Full Site Editor

Description There may be times when it would be good to be able to keep blocks from being deleted or moved around from where they […]

  • Duration 60 mins
  • Audience Designers, Developers
  • Experience Level Beginner
  • Instruction Type Exercises, Show & Tell
  • WordPress Version: 6.0

Have an idea for new content? Let us know!

Apply to present a tutorial Submit a topic idea