S
by
jp2112
4.4 (11 reviews)
Standout CSS3 Buttons
Display CSS3 style buttons with gradient color styles on your website using shortcodes or PHP function call.
Standout CSS3 Buttons ranks #8,996 among WordPress.org plugins with 500+ active installations, a 4.4/5 rating from 11 reviews, and was last updated Jan 20, 2015. Data from WordPress.org, refreshed twice daily — see methodology.
Tested up to WP 4.1 (Current: 7.1)
vtrunk
Current Version vtrunk
Updated 11 years ago
Last Update on 20 Jan, 2015
Refreshed 16 hours ago
Last Refreshed on
Top 25% by installs
No update in over a year
Rank
#8,996
+1 this week
Active Installs
500+
-10.1%
KW Avg Position
N/A
—
No change
Downloads
38.7K
+2 today
Support Resolved
0%
—
No change
Rating
88%
Review 4.4 out of 5
4.4
(11 reviews)
Next Milestone 600
500+
600+
392
Ranks to Climb
-
Growth Needed
8,000,000
Active Installs
Pro
Unlock Exact Install Count
See the precise estimated active installs for this plugin, calculated from real-time ranking data.
- Exact install estimates within tiers
- Track install growth over time
- Milestone progress predictions
Need 51 more installs to reach 600+
Rank Changes
Current
#8,996
Change
Best
#
Downloads Growth
Downloads
Growth
Peak
Upgrade to Pro
Unlock 30-day, 90-day, and yearly download history charts with a Pro subscription.
Upgrade NowReviews & Ratings
4.4
11 reviews
Overall
88%
5
8
(73%)
4
0
(0%)
3
2
(18%)
2
1
(9%)
1
0
(0%)
Security History
Source: WPVulnerabilityNo known vulnerabilities on record for Standout CSS3 Buttons. Checked 1 month ago.
Track This Plugin
Get detailed analytics, keyword tracking, and position alerts delivered to your inbox.
Start Tracking FreePlugin Details
- Version
- trunk
- Last Updated
- Jan 20, 2015
- Requires WP
- 4.0+
- Tested Up To
- 4.1
- PHP Version
- N/A
- Author
- jp2112
Support & Rating
- Rating
- ★ ★ ★ ★ ☆ 4.4
- Reviews
- 11
- Support Threads
- 0
- Resolved
- 0%
Keywords
Upgrade to Pro
Unlock keyword rankings, search positions, and detailed analytics with a Pro subscription.
Upgrade Now
TL;DR
AI summary of the plugin's readmeThis plugin is for WordPress site owners who want to add styled buttons to their posts or pages without coding. It solves the problem of creating CSS3 gradient buttons via shortcodes or a PHP function call instead of manually writing button markup and styles.
- Unlimited modern style buttons
- Works with most browsers
- Degrades nicely in older browsers
- CSS3 compliant, no Javascript
- CSS loads only when needed
- Nested shortcodes support
- Multiple color styles available
- Custom CSS with cache busting
Frequently Asked Questions
Common questions about Standout CSS3 Buttons
Use a shortcode to call the plugin from any page or post like this: [standout-css3-button cssclass="button-dribbble" href="http://www.google.com/"] Click here [/standout-css3-button] This will output the following: <a class="scss3b-button-dribbble" href="http://www.google.com/" rel="nofollow">Click here</a> CSS styling from the included .css file will be applied to this link. You may also include shortcodes within the shortcode. The shortcode can also be used in your PHP code (functions.php, or a plugin) using the do_shortcode function, ex: echo do_shortcode('[standout-css3-button cssclass="scss3b-button-dribbble" href="http://www.google.com/"]Click here[/standout-css3-button]'); You can also call the plugin's function in your PHP code like this: add_action('the_content', 'show_css3_button'); function show_css3_button($content) { if (is_page('home')) { // we are on a page with slug 'home' if (function_exists('scss3button')) { // plugin is installed/active $content .= scss3button(array('cssclass' => 'scss3b-button-rss', 'href' => 'http://www.google.com/'), 'Click here'); } } return $content; } This will add a button (with scss3b-button-rss color style) at the end of your content, if you are on a page with a slug named "home". Always wrap plugin function calls with a function_exists check so that your site doesn't go down if the plugin isn't active. In short, 'standout-css3-button' is the shortcode and 'scss3button' is the PHP function name.
The plugin arguments and default values may change over time. To get the latest list of arguments and defaults, look at the settings page after installing the plugin. That is where the latest list will always be located. You will see what parameters you can specify and which ones are required.
The following styles are available. scss3b-button-dribbble (default) scss3b-button-facebook scss3b-button-googleplus scss3b-button-linkedin scss3b-button-pinterest scss3b-button-rss scss3b-button-tumblr scss3b-button-twitter scss3b-button-turquoise scss3b-button-emerald scss3b-button-somekindofblue scss3b-button-amethyst scss3b-button-bluegray scss3b-button-tangerine scss3b-button-fall scss3b-button-adobe scss3b-button-lightgray scss3b-button-dull scss3b-button-fancypurple scss3b-button-dullpurple scss3b-button-crispblue scss3b-button-braised scss3b-button-midnight scss3b-button-brown scss3b-button-sourgreen See the dropdown list on the plugin settings menu for the most updated list. Visit http://www.jimmyscode.com/wordpress/standout-css3-buttons/ for a live demo of each style.
When you are entering the shortcode or calling the plugin function from PHP, instead of using one of the built-in color names ("emerald", "facebook" etc), use the class name you want to use. Ex: "bluegreen"
In this example, the custom CSS class will be scss3b-button-bluegreen. Go to the plugin settings page. There is a textarea there where you enter the CSS you want to use. If you need help writing the CSS, look at the existing CSS file the plugin uses (filename: standout-css3-buttons.css in the /css/ subfolder) as a model for what CSS you need. Then just change the color values accordingly and paste it into the textarea. If you want to do something above and beyond what is already in the CSS, please search the web to find help. Please don't use the plugin support forum to ask for CSS help unless there is an issue with the existing CSS. The custom CSS stylesheet will be enqueued on pages where custom CSS class names are used. Note: you must include the FULL class name in the custom CSS textarea (ex: .scss3b-button-mycustomcolor { font-style:verdana }). However, when you actually call the class in your shortcode you only use the color name you created in step #1 above (ex: [standout-css3-button cssclass="mycustomcolor" href="http://www.google.com/"]Click here[/standout-css3-button]). I added the shortcode to a page but I don't see anything. Clear your browser cache and also clear your cache plugin (if any). If you still don't see anything, check your webpage source for the following: <!-- Standout CSS3 Buttons: plugin is disabled. Check Settings page. --> This means you didn't pass a necessary setting to the plugin. For example, you must specify the URL either in the shortcode or on the plugin settings page. You should also check that the "enabled" checkbox on the plugin settings page is checked. I don't see rounded corners. Make sure you aren't using rounded="0" in your shortcode. If you are not, make sure your browser is up to date and check if it supports the border-radius CSS attribute. You may have to view the page in another browser. You may also need to refresh your browser and clear your caching plugin. Also, check the plugin settings page to make sure the "rounded corner CSS" checkbox is checked. I cleared my browser cache and my caching plugin but the buttons still look wrong.
I cleared my cache and still don't see what I want. The CSS files include a ?ver query parameter. This parameter is incremented with every upgrade in order to bust caches. Make sure none of your plugins or functions are stripping this query parameter. Also, if you are using a CDN, flush it or send an invalidation request for the plugin CSS files so that the edge servers request a new copy of it.
Add this to your functions.php: remove_action('admin_enqueue_scripts', 'scss3b_ed_buttons');
Add this to your functions.php: remove_action('admin_head', 'insert_scss3b_admin_css');
Add this to your functions.php: add_action('wp_enqueue_scripts', 'remove_scss3b_style'); function remove_scss3b_style() { wp_deregister_style('standout_css3_button_style'); } I don't see the plugin toolbar button(s). This plugin adds one or more toolbar buttons to the HTML editor. You will not see them on the Visual editor. The label on the toolbar button is "CSS3 Button". I am using the shortcode but the parameters aren't working. On the plugin settings page, go to the "Parameters" tab. There is a list of possible parameters there along with the default values. Make sure you are spelling the parameters correctly. The Parameters tab also contains sample shortcode and PHP code.