Improved Button Block for Gutenberg

Ultimate Blocks plugin comes with a beautiful button block. You can add a beautiful button in your post and pages with this block.

Although Gutenberg comes with a button block by default, it does not comes with lots of customization options for you. This block comes with the missing options you will need.

Some of the extra customization options it comes with are:

  • Button Size – Lets you choose from 4 different size – S, M, L, XL
  • Rounded Style – You can choose whether the button should have rounded borders or not.

Button Block Demo

Here are four different buttons created with this block. From top to bottom, they are sized as -small, medium, large and extra large.

You can also set their alignment – Left, Center or Right

How To Use This Button Block

To use this block, you must have Ultimate Blocks plugin installed.

You can add the block in your post in two ways.

First way is to use the + sign to add a new block. Then search for ‘Button’ and click on it to add it to your post. Or you can scroll down to ‘Ultimate Blocks’ section and add button from there.

Second way is to use the forward slash method. When you press ‘Enter’ key you will go to a new block in the editor. Insert a forward slash there and start writing ‘Button’. You will see the Button block in the list. Click on it to add it to your post.

Once you have added the Button block in your post, click on it. On the right sidebar, you will see the options to customize the button size, style, colors.

Click on ‘Button Text’ to add the button text. Then use the box below the button to add an URL.

From the right side bar you can set colors, size, style. To set button alignment click on the little icons just above the button. You can select left, center or right.

That’s it. You’re done.

Please Note: You must have Ultimate Blocks Plugin installed to use this block. Download Ultimate Blocks Plugin from WP.org

List of Blocks that come with Ultimate Blocks Plugin.

Copy link
Powered by Social Snap