As one of the most famous C.M.S (Content Management System) for creating eye catching websites is WordPress, Many of the WordPress plugins are available now a days for adding CSS buttons into the posts and pages using short codes , But for now i am going to show you how you can easily add graceful CSS buttons into your posts. Now a days most of people who didn’t know HTML and CSS and How to configure and use short codes in WordPress , It is also very difficult to keep in mind the short codes for most of the people.
In this post we will teach you how you can add eye Catching CSS buttons into your posts/pages without using short codes or any kind of HTML and CSS into your posts, for this purpose we will use the WordPress Plugin.
So Let’s get it Done.
In order to Add CSS Buttons in WordPress follow couple of steps as under.
First thing you need to do for adding CSS buttons is to Log on to your WordPress Dashboard and under the plugins section of WordPress install and activate this plugin Forget About Shortcode Buttons Looks Like this.
Icon to add CSS
Search this plugin and install and activate it , Once this plugin has successfully installed and activated one extra button will appear in the kitchen of your WordPress editor Like that showing in the Image below.
Configure Your CSS Button
Once this button will appear in the kitchen you can easily add the CSS buttons inside your posts and pages for different purposes. After Clicking this button one Ajax popup will appear in front of you with couple of cool options with great features Looks like this.
This pop up is very user friendly for adding and configuring CSS buttons with couple of cool features and options , Every thing you write in the text field will appear as the front text of the generated button. In URL field Put the URL where you want the user to route on clicking the button. you can also Configure/Change the text color , the color of button , Type of the button ( Eg: Round ,flat etc…) as well after configuring the button click on Insert button at the right bottom of the pop up labeled “Insert”.
Once you have clicked the insert button CSS button will appear where you want it to show in your post, For Example in our post that we have chosen in order to show in front of you we have created a sample button for you it looks like this.
You have all done!
If you are feeling difficulties in order to get it done then you can get help from us by leaving your comment in the comment section below.