How to Create a Reusable Block in WordPress Block Editor

Thanks! Share it with your friends!

URL

You disliked this video. Thanks for the feedback!

Sorry, only registred users can create playlists.

ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU WEB HOSTING COMPANY

How to Create a Reusable Block in WordPress Block Editor

Watch Wordpress WPBeginner Video: How to Create a Reusable Block in WordPress Block Editor. Are you repeatedly using snippets of text on your WordPress site? If you do, then the reusable block feature will be very helpful to you. In this video, we will show you how to easily create a reusable block in the WordPress Gutenberg/Block editor.

To start, you would want to create the text that you want to repeat in your content in a single block. Now click the verticle ellipsis in the editing options for the block and click the Add to Reusable Blocks option. Name the block and click the save button to add it to the available blocks.

Now when looking to add a block you can go to the reusable blocks section and select the block you've added. This will add the block to your content and if you modify the block it will modify the content in the block everywhere it is placed on your site.

Another popular reusable block to add is a button block. You will want to style the button to the design you're wanting, select the text you plan to add and add a link to where the button should send the user who clicks on it. Now when you add this to the reusable blocks area, it will be an option for placement and will have the same design and link for every place it is added.

Should you want to see all of your reusable blocks you would click add a block, open the reusable block area, and click the link titled Manage All Reusable Blocks. It will bring you to an area where you can delete, edit, or export the reusable block. This will allow you to import the block into other sites.

If you liked this video, then please Like and consider subscribing to our channel here for more WordPress videos.
https://www.youtube.com/subscription_center?add_user=wpbeginner

Feel free to take a look at the written version of this tutorial here:
https://www.wpbeginner.com/beginners-guide/how-to-create-a-reusable-block-in-wordpress/

Check us out on Facebook
https://www.facebook.com/wpbeginner

Follow us on Twitter
http://twitter.com/wpbeginner

Check out our website for more WordPress Tutorials
http://www.wpbeginner.com

Best Block Plugins For WordPress: Expand Your Block Editor [Gutenberg]. How to Create a Reusable Divi Layout Block for Gutenberg Blog Posts. WordPress 5.3 Overview & NEW Features of the Block Editor. WordPress Gutenberg Tutorial: How to Easily Work With the Block Editor. Build A Landing Page With WordPress Using The Block Editor [Gutenberg]. Building your Homepage with WordPress Block Editor- HostGator Tutorial. Elementor VS the Block Editor of WordPress for SEO and Mobile Friendly Blog Posts. Block Editor [Gutenberg] VS Elementor VS Divi: Quick Comparison. 13. HTML Inline & Block Level Elements in Hindi/Urdu. || Difference b/w Inline and Block Elements.. How To Create Block Patterns To Speed Up Website Building. How to Create a Responsive Block Design for Woo Product Pages with Divi. OpenCart 2.x. How To Create New Module Block And Assign It To The Home Page.

Show more

Published:
Category: Wordpress WPBeginner
65 Views

Related Videos

Free Web Hosting
RECOMMENDED WEB HOSTING

FASTCOMET

Fastcomet

HOSTGATOR

HOSTGATOR

BLUEHOST

BLUEHOST

SITEGROUND

SITEGROUND

A2 HOSTING

A2 HOSTING

HOSTINGER

HOSTINGER

DREAMHOST

DREAMHOST

ACCU WEBHOSTING

ACCU WEBHOSTING

MILESWEB

MILESWEB

HOSTPAPA

HOSTPAPA


RSS