• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
WordPress core a2z

WordPress core a2z

WordPress core only

  • Home
  • Plugins
  • Blocks
  • Shortcodes
  • APIs
  • Classes
  • Files
  • Hooks
  • Sitemap
  • Blog
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

Examples

Filled button Take action

Outline button Take action

Custom colours – white on red Take action
inline images are also supported

Notes

  • These sample buttons don’t do anything; no links have been defined.
  • Button styles are: Fill and Outline.
  • You can set a default style: Not set, Fill or Outline.
  • Choosing a non-default Style sets the Additional CSS Class for the block. e.g.
    is-style-outline.
  • Use Border Settings > Border radius to create more rounded buttons.
  • Use Link settings to open the link in a new tab and/or set the Link rel.
  • You can manually combine multiple styles, if you dare.
Use Colour settings for more fun!

Published: 8th January 2019 | Last updated: 13th November 2019

Information

Block type name: core/button
Variation name:
Documentation: wordpress.org/support/article/button-block/
Plugin ref: WordPress
Block categories: layout
Block keywords:
Block classification: Static
Block letters: B

Footer

WP-a2z
WordPress core a2z
WordPress core only
WordPress 5.7.1
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:  core.wp-a2z.org
© Copyright WP-a2z 2014-2021. All rights reserved.


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

  • Home
  • Blog
  • Sitemap
  • Sites