WordPress For Non-Techies: Free WordPress Tutorials – WPCompendium.org

Reusable Blocks

WordPress Gutenberg Blocks – Reusable Blocks

This tutorial is part of our WordPress Gutenberg: The Ultimate Guide For Non-Technical WordPress Users series.


Reusable Block – Description

Reusable Blocks are a new feature of the WordPress Gutenberg content editor that:

(Reusable Block)

Reusable Block – Settings

The settings available for a Reusable Block depend on the type of block being used.

For more details about block settings, see the “WordPress Gutenberg Blocks” section of the tutorial below:

Reusable Block – Advanced Settings

Custom styles can be applied to Reusable Blocks using CSS (Cascading Style Sheets).

(Reusable Block – Advanced Settings)

Note: Multiple CSS classes are allowed (add a space to separate each class name)

Reusable Block – Options

(Reusable Block Settings)

The following options from the ‘More Options’ menu are available for Reusable Blocks:

Using the ‘Remove from Reusable Blocks’ setting is covered in this tutorial. For all other settings, see the tutorial below:

How To Create A Reusable Block

To create a Reusable Block:

Your newly-created Reusable Block will be stored in a ‘Blocks’ library …

(Blocks Library)

Refer to the “How To Manage Blocks” section further below to learn how to manage Usable Blocks.

How To Use Reusable Blocks

To insert a Reusable Block into your content:

(Add Block – Reusable Section)

The Reusable Block will be inserted into your content.

Reusable Blocks can be identified by the Reusable Block icon displayed on the top right-hand corner of the block …

(Reusable Block icon)

How To Edit Reusable Blocks

To edit a Reusable Block:

Click anywhere inside the Reusable Block …

(Click inside the Reusable Block to edit)

Click on the ‘Edit’ button …

(Reusable Block – Edit)

Make your changes and click the ‘Save’ button to update your block settings …

(Reusable Block – Save)

Once changes have been made to a Reusable Block, every instance where the block has been used on your site will automatically update to reflect the changes …

(Edit Reusable Block)

How To Convert Reusable Blocks To Regular Blocks

To prevent changes made to a Reusable Block from being applied globally to your site, convert the Reusable Block into a regular Block as follows:

(Converting a Reusable Block to a Regular Block)

Converting a Reusable Block into a Regular Block doesn’t affect other instances where the Reusable Block has been used on your site.

If you want to make changes to a Reusable Block without affecting other instances of that block throughout your site, then:

(Duplicate Reusable Block then convert to Regular Block)

How To Manage Reusable Blocks

As mentioned earlier, Reusable Blocks are stored in a ‘Blocks’ library …

(Your ‘Blocks’ Library)

You can access your Blocks library:

Access Your Blocks Library From The ‘Add Block’ Tool

To access your Blocks library from the ‘Add Block’ tool:

(Manage All Reusable Blocks)

This will bring you to the ‘Blocks’ library section.

Access Your Blocks Library From ‘More Tools & Options’ Section

To access your Blocks library from the ‘More Tools & Options’ section:

(More Tools & Options: Tools > Manage All Reusable Blocks)

This will bring you to the ‘Blocks’ library section.

To learn more about the ‘More Tools & Options’ section, go here:

Blocks Library

(Managing Blocks)

The following management actions can be applied to blocks stored in the ‘Blocks’ library:

Editing Blocks In The Reusable Blocks Library

Bulk editing blocks only let you change their status (e.g. from published to draft). To edit the actual content of a Reusable Block, edit blocks individually.

To edit a block in the Reusable Blocks library:

(Edit Reusable Block in ‘Blocks’ library)

This opens the Reusable Block in its own screen with all the tools and options available for that specific block type …

(Reusable Block edit screen)

Save your changes after editing to update all instances of the Reusable Block on your site.

Export As JSON / Import From JSON

These settings allow you to export your Reusable Blocks to a data file and import these into other WordPress sites (or reimport them into your site).

Similarly, you can use this feature to import Reusable Blocks from other sites or created by other WordPress users.

How To Delete Reusable Blocks

Reusable Blocks can be removed:

Deleting A Reusable Block From Your Content

To delete a Reusable Block from your content:

(Remove Block)

Deleting A Reusable Block From Your Reusable Blocks Library

To delete a Reusable Block from the Reusable Blocks library:

(Remove from Reusable Blocks)

Removing a Reusable Block from the Reusable Blocks library will permanently remove the block from all posts and pages that use it.

Therefore, make sure that this is what you really want to do.

(‘Delete Reusable Block’ confirmation message)

Reusable Blocks – Additional Information

Search the WordPress plugins library from your dashboard for new block-enabled plugins that will help you enhance and extend your content …

(New WordPress Plugins are available for Reusable Blocks)

Congratulations! Now you know how to use Reusable Blocks.



"I am beyond impressed with what you have put together. I can tell that you put a ton of hard work into building what you have. You have the absolute best content on WordPress I have ever seen!" - Robert T. Jillie
For a white label version of this tutorial visit WPTrainingManual.com.