Friday, 30 May 2014

Add CSS Buttons in WordPress without using HTML CSS and Shortcodes

15:50

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.

Add CSS Buttons in WordPress without using HTML CSS and Shortcodes

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.


Add CSS Buttons in WordPress without using HTML CSS and Shortcodes

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.

Add CSS Buttons in WordPress without using HTML CSS and Shortcodes

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.

Add CSS Buttons in WordPress without using HTML CSS and Shortcodes


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. :)

Written by

We are Creative Blogger Theme Wavers which provides user friendly, effective and easy to use themes. Each support has free and providing HD support screen casting.

0 comments:

Post a Comment

 

© 2013 Elightener . All rights resevered. Designed by Templateism

Back To Top