• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
WordPress Blocks

WordPress Blocks

WordPress Blocks Reference

  • Home
  • Blocks
  • Plugins
  • Sitemap
  • Blog
  • Block news
  • About
Home / Blocks / Button – core/button
Prompt visitors to take action with a button-style link.

Use the Button block to prompt visitors to take action.

Screenshot

Please set featured image

Examples

Rounded button Take action
Outline button Take action
Gradient button Take action

Notes

  • These sample buttons all link back to this entry.
  • The Button block can now be embedded into the Buttons – core/buttons block.
  • Choosing a non-default Style sets the Additional CSS Class for the block.
  • e.g. is-style-outline or is-style-fill.
  • You can manually combine multiple styles, if you dare.
Use Colour settings for more fun! And poor ( inaccessible) colour combinations!

Share this:

  • Click to share on Facebook (Opens in new window)
  • Click to share on LinkedIn (Opens in new window)
  • Click to share on Twitter (Opens in new window)
  • Click to share on Pinterest (Opens in new window)

Published: January 8, 2019 | Last updated: January 10, 2020

Information

Block type name: core/button
Variation name:
Documentation:
Plugin ref: Gutenberg
Block categories: layout
Block keywords: link
Block classification: Static
Block letters: B

Footer

WordPress Blocks Reference
WordPress Blocks
WordPress Blocks Reference

WordPress version: 5.6

Gutenberg version: 8.4.0

WordPress a2z
WordPress core a2z
Genesis Theme Framework a2z
Jetpack a2z
WordPress develop tests
Easy Digital Downloads a2z
WooCommerce a2z
Yoast SEO a2z
WordPress Blocks

Site:  blocks.wp-a2z.org
© Copyright WordPress Blocks Reference 2019-2021. All rights reserved.


Website designed and developed by Herb Miller
Proudly powered by WordPress and oik plugins

  • Home
  • Blog
  • Sitemap
  • Sites