How to Add Buttons in WordPress Without Using Shortcodes.. | Tutorial Freak – Online Tutorials

How to Add Buttons in WordPress Without Using Shortcodes..

Add Buttons.. TutFREAK

How to Add Buttons in WordPress Without Using Shortcodes

Most people are not familiar with HTML/CSS. This is why WordPress plugins are so useful for adding tables or buttons. There are lots of plugins out there which allow you to add buttons to your posts and pages using shortcodes. But those shortcodes are difficult to remember and hard to configure. In this article, we will show you how to add buttons in WordPress without using shortcodes.

First thing you need to do is install and activate the Forget About Shortcode Buttons plugin.

Please note that this plugin requires WordPress 3.9 or higher. If you are using an older version, then you need to update WordPress to use this plugin.

Once you have activated the plugin, simply create a new post or edit an existing one, and you will see a new button in the Visual Editor labelled Insert Button.

buttonswithoutshortcodes1

Insert Button button in Visual Editor

To insert a new button in your post, you need to click on the Insert Button. This will bring up a pop-up window where you can design your new button.

buttonswithoutshortcodes2

Design your button

All you need to do is add your button text and URL, and then choose text and background colors. After that click on the Type drop down menu to choose button style. You can also choose the button size from extra small to extra-large.

If you click on the Icons tab, then you will be able to see the icons that you can add before or after the text in your buttons. These are icons are actually icon fonts (learn how to use icon fonts in WordPress post editor).

buttonswithoutshortcodes3

Add icons to your buttons

During the process, you will be able to see a live preview of your button. Once you are satisfied with the look, simply click on Insert.
You will be able to see your button as it would appear in your post, right inside the post editor. You can simply select the button text and use the align icon in the editor to align it to the center, left, or right. Double clicking on the button will bring up the Insert Button pop-up, and you can re-edit your button if you like.

KeithM..

Pro Photographer, WebMaster & Writer.. Please follow us on Facebook

KeithM.. – who has written posts on Tutorial Freak – Online Tutorials.


Help keep us alive & kicking, we need coffee 24/7, please donate, thanks!
Embed

Leave a Reply

      
      
      
      
      
      
      
      
             
Save Now! $1.99 .COM at GoDaddy!
             
      
  • 10 Business Blogging Secrets Of Online Success..