• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Answer Your Tech

Wordpress How-to Guides

  • Writing
  • Settings
  • Jetpack
  • Navigation
  • Hosting
  • Getting Started
  • Themes
You are here: Home / Writing / How to Add a Button to a Post in Wordpress

How to Add a Button to a Post in WordPress

July 2, 2019 By Matt

How to Add a Button to a Post in WordPress

While one of the easier ways that you can add a link to another Web page is to create a hyperlink in the text of your post, an option that you might prefer is to add a button instead. A button is much more obvious than a hyperlink, and it can increase the number of clicks that you get on a link.

With the new Gutenberg editor in WordPress, adding a button has become a much simpler process than it used to be. A button is included as one of the blocks that you can add, and you have the ability to customize the button text, the hyperlink for the page that opens when the button is clicked, and you can even choose the color of the button and the color of your text.

How to Add a Button Block in WordPress with the Gutenberg Editor

The steps in this article were performed in the 5.2.2 version of WordPress, using the Gutenberg post editor.

Step 1: Open the admin section of your site at (yourdomain.com)/wp-admin.

Step 2: Hover over the Posts tab at the left side of the window and either create a new post or open an existing one.

open a post

Step 3: Click at the point in the post where you wish to add the button block, then click the + sign.

click the plus button

Step 4: Scroll down and choose the Layout Elements tab.

click the layout elements tab

Step 5: Click the Button option.

click the button option

Step 6: Click on the button and enter the display text, then add the URL for the page that will open when the button is clicked.

how to add a button to a wordpress post

Step 7: Choose the button and text color from the column at the right side of the window.

choose the button and text colors

You can use a similar method to add some other elements to your posts as well. Find out how to add a table in WordPress without using any custom HTML or a plugin.

Share this:

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

Related

Primary Sidebar

Recent Posts

  • How to Check the Version of WordPress on Your Site
  • How to Add an Amazon OneTag Script to the Footer in a Genesis Theme
  • How to Add Alt Text to an Image in a WordPress Post
  • How to Customize Your Sidebar with Live Preview in WordPress
  • How to Set a Static Home Page in WordPress

Site Info

  • Domain Name - Hostgator
  • Hosting - Cloudways
  • Theme Framework - Genesis
  • Child Theme - Smart Passive Income Pro

Archives

  • July 2020
  • September 2019
  • July 2019
  • June 2019
  • May 2019
  • April 2019
  • March 2019
  • February 2019
  • July 2018
  • December 2016
  • November 2016

Categories

  • Comments
  • Genesis
  • Getting Started
  • Hosting
  • Jetpack
  • Navigation
  • Plugins
  • Settings
  • Sidebar
  • Themes
  • Writing
  • Affiliate Disclosure
  • Privacy Policy
  • FAQ
  • About
  • Contact
Privacy & Cookies: This site uses cookies. By continuing to use this website, you agree to their use.
To find out more about our privacy policy, see here: Privacy Policy

Copyright © 2021 AnswerYourTech.com