| 1 |
=== WordPress Button Plugin MaxButtons === |
| 2 |
Contributors: maxfoundry, basszje, arcware, johnbhartley |
| 3 |
Tags: wordpress button plugin, best wordpress button plugin, wordpress button, wordpress buttons, wordpress buttons plugin, social share, wp button creator, button generator, css3 button plugin, css3 button generator, css wordpress button, css3 wordpress button, create button icon, button shortcode, social icon, button, buttons, sharing, sharing buttons, widget, sidebar, Visual Composer, siteorigin, Contact Form 7, Beaver Builder, Easy Digital Download, contact form, page builder, wordpress button generator, css3 button plugin, css3 button generator, css wordpress button, css3 wordpress button, simple social buttons, wp button plugin, button generator, create button icon, font awesome, fontawesome, responsive, responsive buttons, google, google event tracking, google analytics, facebook, facebook icon, facebook like, floating social media, icon, icons,like, linkedin, linkedin icon, social media, css button generator, social icons, social media icons, social media plugin, social profiles, tweet, twitter, tweet button, gradient |
| 4 |
Requires at least: 4.0 |
| 5 |
Tested up to: 4.7 |
| 6 |
Stable tag: 6.9 |
| 7 |
|
| 8 |
WordPress button plugin so powerful and easy to use anyone can create beautiful buttons and social share icons. |
| 9 |
|
| 10 |
== Description == |
| 11 |
MaxButtons is a [WordPress button](https://maxbuttons.com/?utm_source=repowp1&utm_medium=mbrepo&utm_content=mbr_wpbuttons&utm_campaign=mbr_wpbuttons), social share and social icon plugin. Use it to create great-looking CSS3 WordPress buttons which can be used on any post or page on your site. The easy to use button editor makes it a snap to generate awesome responsive buttons in very little time. The social share and social icon features allow you to use or modify prebuilt social share and social icons to your delight. |
| 12 |
|
| 13 |
MaxButtons [WordPress button plugin](https://www.maxbuttons.com/#CSS3/?utm_source=repowbp&utm_medium=mbrepo&utm_content=wordpress_button_plugin&utm_campaign=repowbp) has been going strong for over 4 years and was the first button plugin for WordPress. We regularly update and upgrade MaxButtons and [MaxButtons Pro](https://maxbuttons.com/?utm_source=repomb1&utm_medium=mbrepo&utm_content=mbr_mbpro2&utm_campaign=mbr_mbpro2) plus give terrific, timely support. We take pride in MaxButtons having earned over 300 5 star reviews and over 1 million downloads. Here are couple of our favorites. |
| 14 |
|
| 15 |
> “The best plugin of its kind” - by celito |
| 16 |
|
| 17 |
> “This plugin makes creating buttons sooooo easy.” - by ncrocker202 |
| 18 |
|
| 19 |
> “Easy, clear, and robust. I'm a programmer and can write CSS till the cows come home, but why? Just get it, install it and use it. Then, when you're impressed, buy the pro version” - by jleahy |
| 20 |
|
| 21 |
Max Foundry also makes the WordPress Gallery plugin [MaxGalleria](https://wordpress.org/plugins/maxgalleria/) and [Media Library Plus](https://wordpress.org/plugins/media-library-plus/) for better organization of your WordPress Media Library. |
| 22 |
|
| 23 |
= Requirements = |
| 24 |
|
| 25 |
* Wordpress installed |
| 26 |
* PHP 5.3 |
| 27 |
|
| 28 |
= WordPress Buttons = |
| 29 |
|
| 30 |
* [Create WordPress Buttons](https://www.maxbuttons.com/#CSS3/?utm_source=repocreate&utm_medium=mbrepo&utm_content=how-to-create&utm_campaign=repocreate) |
| 31 |
* Getting [Social Icons](https://maxbuttons.com/?utm_source=repoicons1&utm_medium=mbrepo&utm_content=social_sharing&utm_campaign=repoicons1) on your WordPress site. |
| 32 |
* [Social Share](https://maxbuttons.com/?utm_source=reposhare&utm_medium=mbrepo&utm_content=social_sharing&utm_campaign=reposhare) on your WordPress site. |
| 33 |
* What is a [CSS3 Button Generator](https://maxbuttons.com/?utm_source=repocss3&utm_medium=mbrepo&utm_content=what-is-generator&utm_campaign=repocss3)? |
| 34 |
* [WordPress button](https://maxbuttons.com/product-category/button-packs/?utm_source=repolibs&utm_medium=mbrepo&utm_content=button_pack&utm_campaign=repolibs) library and button sets can make my designers and developers more productive. |
| 35 |
|
| 36 |
= MaxButtons = |
| 37 |
|
| 38 |
* No coding, the plugin takes care of everything |
| 39 |
* Includes 5 beautiful, configurable Social Share sets |
| 40 |
* Button shortcodes for ease of use |
| 41 |
* Create unlimited number of buttons |
| 42 |
* Live preview window instantly updated as you customize your buttons |
| 43 |
* Color picker for unlimited color combinations |
| 44 |
* Works with all modern browsers, degrades gracefully for others |
| 45 |
* Fully CSS3 compliant with text shadowing, box shadowing, gradients, etc. |
| 46 |
* Copy an existing button to use as starting point for others |
| 47 |
* See your buttons on different color backgrounds |
| 48 |
* Predefined defaults make getting started super easy |
| 49 |
* SiteOrigin Page Builder integration through the SiteOrigin Widget Bundle |
| 50 |
* Supports Shortcake plugin to see your buttons in your editor! |
| 51 |
|
| 52 |
|
| 53 |
= Social Share = |
| 54 |
|
| 55 |
MaxButtons now includes [WordPress Social Share](https://maxbuttons.com/?utm_source=repobestss&utm_medium=mbrepo&utm_content=best_social_share&utm_campaign=repobestss) capabilities to let your users show their appreciation for your great content by promoting it through their social networks. MaxButtons ships with a starter set total of 5 beautifully designed social share sets for the following social networks: |
| 56 |
|
| 57 |
* Facebook |
| 58 |
* Twitter |
| 59 |
* Pinterest |
| 60 |
* Linkedin |
| 61 |
* Google+ |
| 62 |
* Pinterest |
| 63 |
* VKontakte |
| 64 |
* StumbleUpon |
| 65 |
* Reddit |
| 66 |
* Digg |
| 67 |
* Bloglovin |
| 68 |
|
| 69 |
Use our sets as is or modify them as you would like with our button editor to get just the look and feel you want. |
| 70 |
|
| 71 |
= Social Icons = |
| 72 |
|
| 73 |
In addition to promoting your content through MaxButtons social share functions. You can also use or modify our social share icons to promote your social network profiles. Simply select a social icon or make a button, include the link to your profile and post the button shortcode on your page. Social icons are easy with MaxButtons! |
| 74 |
|
| 75 |
|
| 76 |
= MaxButtons Pro = |
| 77 |
|
| 78 |
Take your buttons to the next level with [MaxButtons Pro](https://www.maxbuttons.com/pricing/?utm_source=repombp&utm_medium=mbrepo&utm_content=MBPro&utm_campaign=repombp) ! |
| 79 |
|
| 80 |
Our premium WordPress plugin for buttons, social share and social icons brings you the [best WordPress button plugin](https://maxbuttons.com/?utm_source=mprepo&utm_medium=mbrepo&utm_content=best_css3_button&utm_campaign=repobestcss3) through continuous feature updating. Upgrading to the Pro version allows you to add icons and images to your custom WordPress buttons. The Pro features allow you to do so much more! |
| 81 |
|
| 82 |
* **Icon Support** - Add icons to your buttons and customize placement and size. |
| 83 |
* **Multi-line text** - Add a second line of text and stylize with font, size and placement. |
| 84 |
* **Google Fonts** - We have included the entire set to help your buttons stand out with beautiful typography. |
| 85 |
* **Button Packs** - Ready to use, value priced button sets that make any site good great. |
| 86 |
* **Google Analytics** Event Tracking for WordPress Buttons. The best way to see you users’ interactions with buttons in Google Analytics. No coding needed. |
| 87 |
* **Import/Export** - Useful for backing up and/or moving your buttons. Also, use any of the great free icons listed on our site. |
| 88 |
* **Button Search** - for easier management of large button sets. |
| 89 |
* **Font Awesome** - easiest WordPress integration |
| 90 |
* **Visual Composer** - Integrated with Visual Composer |
| 91 |
* **Contact Form 7** Integration |
| 92 |
* **Beaver Builder** Integration |
| 93 |
* **Easy Digital Downloads** Purchase and Checkout Button Integration |
| 94 |
|
| 95 |
MaxButtons Pro includes 17 beautifully designed social share sets plus you can use the advanced functions to design and configure social buttons and icons. |
| 96 |
|
| 97 |
= WordPress Button Sets = |
| 98 |
|
| 99 |
In addition to the free button packs included with MaxButtons Pro you can also purchase additional professionally designed, production ready button packs from the largest [WordPress button](http://maxbuttons.com/product-category/button-packs/?utm_source=reposets1&utm_medium=mbrepo&utm_content=buttonsets1&utm_campaign=reposets1) library in existence. The library features more than 5,000 buttons. It is the largest WordPress button library in the known universe. |
| 100 |
|
| 101 |
[Wordpress button sets](https://maxbuttons.com/product-category/button-packs/?utm_source=reposets&utm_medium=mbrepo&utm_content=button_pack&utm_campaign=reposets) make designers and developers much more productive. |
| 102 |
|
| 103 |
= Free Icons = |
| 104 |
|
| 105 |
You can add free icons when you create your buttons with MaxButtons Pro so we’ve built one of the largest libraries to inspire you and make your buttons really stand out. |
| 106 |
|
| 107 |
= Button Shortcode = |
| 108 |
|
| 109 |
1. Click the MaxButtons page from the admin menu. |
| 110 |
1. Click the Add New button. |
| 111 |
1. Create and customize your button using the button editor. |
| 112 |
1. Fill out and select the options needed to build your button. |
| 113 |
1. Once you're ready, click Save. |
| 114 |
1. A [button shortcode](http://maxbuttons.com/button-shortcode/?utm_source=reposhort&utm_medium=mbrepo&utm_content=reposhort&utm_campaign=reposhort) will be generated (ex: [maxbutton id="17"] or [maxbutton name="My Button Name"]). |
| 115 |
1. Use the shortcode anywhere in your content and the button will appear. |
| 116 |
|
| 117 |
You can also pass the button text and URL as parameters in the [button shortcode](http://maxbuttons.com/button-shortcode/?utm_source=reposhort2&utm_medium=mbrepo&utm_content=reposhort2&utm_campaign=reposhort2), giving you even greater flexibility. For example, if you want to create a set of buttons that look exactly the same, except for the text and URL, you could do something like this: |
| 118 |
|
| 119 |
[maxbutton id="17" text="Search Google" url="http://google.com"] |
| 120 |
|
| 121 |
[maxbutton name="MaxButtons Button Name" text="Search Yahoo" url="http://yahoo.com"] |
| 122 |
|
| 123 |
Another parameter you can give the shortcode is window, which tells the button whether or not to open the URL in a new window (by default the button opens the URL in the current window). To do so you always give the window parameter the value "new", shown below. Anything else will open the button URL in the current window. |
| 124 |
|
| 125 |
[maxbutton id="17" window="new"] |
| 126 |
|
| 127 |
You can also use the nofollow parameter, which will add a rel="nofollow" attribute to the button when set to true, as shown below (the default is false): |
| 128 |
|
| 129 |
[maxbutton id="17" nofollow="true"] |
| 130 |
|
| 131 |
NOTE: Passing parameters to the shortcode overrides those settings saved as part of the button. |
| 132 |
|
| 133 |
= Support = |
| 134 |
|
| 135 |
We work hard to give timely support during the week. And we give support when we're on during the weekend. |
| 136 |
|
| 137 |
**MaxButtons. Bringing the #buttonlove!** |
| 138 |
|
| 139 |
|
| 140 |
== Installation == |
| 141 |
|
| 142 |
For automatic installation: |
| 143 |
|
| 144 |
1. Login to your website and go to the Plugins section of your admin panel. |
| 145 |
1. Click the Add New button. |
| 146 |
1. Under Install Plugins, click the Upload link. |
| 147 |
1. Select the plugin zip file from your computer then click the Install Now button. |
| 148 |
1. You should see a message stating that the plugin was installed successfully. |
| 149 |
1. Click the Activate Plugin link. |
| 150 |
|
| 151 |
For manual installation: |
| 152 |
|
| 153 |
1. You should have access to the server where WordPress is installed. If you don't, see your system administrator. |
| 154 |
1. Copy the plugin zip file up to your server and unzip it somewhere on the file system. |
| 155 |
1. Copy the "maxbuttons" folder into the /wp-content/plugins directory of your WordPress installation. |
| 156 |
1. Login to your website and go to the Plugins section of your admin panel. |
| 157 |
1. Look for "MaxButtons" and click Activate. |
| 158 |
|
| 159 |
== Screenshots == |
| 160 |
|
| 161 |
1. Button overview - Everything in one view |
| 162 |
2. Button editor - Your own look and feel |
| 163 |
3. Social sharing - Unleash the power of the social networks |
| 164 |
4. Simple but powerful options |
| 165 |
5. Clear and fast output. |
| 166 |
|
| 167 |
== Frequently Asked Questions == |
| 168 |
|
| 169 |
= How do I use the shortcode in a sidebar/widget? = |
| 170 |
|
| 171 |
Simply add the button shortcode to your widget (ex: [maxbutton id="17"] or [maxbutton name="MaxButtons Button Name"]). If the styling is missing on the widget, try to check the 'use important' checkbox under 'advanced' settings. |
| 172 |
|
| 173 |
= How can I add the shortcode to my post/page template? = |
| 174 |
|
| 175 |
Simply add this code snippet to any of your theme template files: |
| 176 |
`<?php echo do_shortcode('[maxbutton id="17"]'); ?>` |
| 177 |
|
| 178 |
= Can't see styling on the frontpage = |
| 179 |
|
| 180 |
Sometimes the button styling doesn't load on the frontpage. There are usually two major reasons: |
| 181 |
|
| 182 |
* Theme doesn't have proper footer, check if wp_footer() is called in the theme |
| 183 |
* Using MaxButtons with sliders, dynamic page loaders (such a parallax and one-page themes ) or caching mechanisms. |
| 184 |
|
| 185 |
First ensure you have cleared all your caches. Then you can try to add the following to your shortcode: [maxbutton id=1 style="inline"] ( replace the ID with the number of your button ). |
| 186 |
|
| 187 |
|
| 188 |
= TablePress and MaxButtons = |
| 189 |
|
| 190 |
TablePress uses a caching mechanism which prevents the MaxButtons style design from functioning. To solve this problem, simply add the caching option to the shortcode like this: `[table id=123 cache_table_output=false]` . See this [support topic on TablePress](https://wordpress.org/support/topic/maxbuttons-css-stopped-working-in-tablepress?replies=6). |
| 191 |
|
| 192 |
A solution which will keep the cache enabled is to use this in your shortcode: [maxbutton id=1 style="inline"] . Flush the TablePress cache after adding this. |
| 193 |
|
| 194 |
= Part of my button is cutoff, how do I fix that? = |
| 195 |
|
| 196 |
Try enabling the container and setting its margin options. You could also fix this manually by surrounding your button shortcode with a div element with margins. For example: |
| 197 |
|
| 198 |
`<div style="margin: 10px 10px 10px 10px;"> |
| 199 |
<?php echo do_shortcode('[maxbutton id="17"]'); ?> |
| 200 |
<?php echo do_shortcode('[maxbutton name="MaxButtons Button Name"]'); ?> |
| 201 |
</div>` |
| 202 |
|
| 203 |
Then adjust the margin values as needed (the order is: top, right, bottom, left). |
| 204 |
|
| 205 |
= How do I center the button on a page? = |
| 206 |
|
| 207 |
Enable the "Wrap with Center Div" option in the Container settings. |
| 208 |
|
| 209 |
= How do I align multiple buttons next to each other? = |
| 210 |
|
| 211 |
Enable the container option and set the alignment property to either "display: inline-block" or "float: left". You might also want to add some margin values to put some spacing between your buttons. If that doesn't work, try using a simple HTML table: |
| 212 |
|
| 213 |
`<table> |
| 214 |
<tr> |
| 215 |
<td>[maxbutton id="1"]</td> |
| 216 |
<td>[maxbutton id="2"]</td> |
| 217 |
<td>[maxbutton id="3"]</td> |
| 218 |
</tr> |
| 219 |
</table>` |
| 220 |
|
| 221 |
= How do I display a MaxButton in a WordPress menu? = |
| 222 |
|
| 223 |
By default WordPress can't display shortcodes in a menu. You can use this [plugin](https://wordpress.org/plugins/shortcode-in-menus/) to allow shortcodes in a menu. Just copy the MaxButton shortcode in the menu after installing |
| 224 |
|
| 225 |
= How do I display a MaxButton in a slider? = |
| 226 |
|
| 227 |
This depends on the slider plugin you are using. Most of the well-known ones are allowing the use of shortcodes within the slides. To find out if your plugin can handle that, please ask the slider vendor. |
| 228 |
|
| 229 |
== Changelog == |
| 230 |
|
| 231 |
= 6.9 = |
| 232 |
|
| 233 |
* Tested for WP 4.7 |
| 234 |
* Improved copy colors |
| 235 |
|
| 236 |
= 6.8 = |
| 237 |
|
| 238 |
* Fixed several smaller bugs in responsive |
| 239 |
* Fixed smaller layout issues ( consistency ) |
| 240 |
* Upgraded SCSSPHP parser to 0.40 |
| 241 |
* Fixed 'undefined variable' in responsive |
| 242 |
|
| 243 |
= 6.7 = |
| 244 |
|
| 245 |
* Button height in responsive settings |
| 246 |
* Fixed responsive bug regarding hiding option |
| 247 |
* Responsive settings updated |
| 248 |
* Add Button Dialog updated (more clear) |
| 249 |
* Colorpicker slightly bigger |
| 250 |
|
| 251 |
= 6.6 = |
| 252 |
|
| 253 |
* Improved tab index on button editor. |
| 254 |
* Fixed Copy Color button position in Chrome |
| 255 |
* Fixed minor CSS issues |
| 256 |
|
| 257 |
= 6.5 = |
| 258 |
|
| 259 |
* Gradient background color option can be switched on and off |
| 260 |
* New material switches to replace the checkboxes |
| 261 |
|
| 262 |
= 6.4 = |
| 263 |
|
| 264 |
* Copy colors feature added |
| 265 |
* Fixed several small issues with the color picker |
| 266 |
|
| 267 |
= 6.3 = |
| 268 |
|
| 269 |
* Updated Features page |
| 270 |
|
| 271 |
|
| 272 |
= 6.2 = |
| 273 |
|
| 274 |
* Improved visibility of the color picker |
| 275 |
* Fixed possible rendering issue with Box Shadow |
| 276 |
* Fixed: in rare case the button could overlay the action buttons in the overview |
| 277 |
|
| 278 |
= 6.1 = |
| 279 |
|
| 280 |
* Several updates to the Color Picker |
| 281 |
* Box Shadow spread option added |
| 282 |
* Fixed conflict with important and box shadow setting |
| 283 |
|
| 284 |
= 6.0 = |
| 285 |
|
| 286 |
* Version 6 milestone |
| 287 |
* Fixed small styling issue in header |
| 288 |
* Updated link in plugin |
| 289 |
|
| 290 |
= 5.13 = |
| 291 |
|
| 292 |
* Fixed several notices when creating new buttons |
| 293 |
* Buttons will now always have 'pointer' cursor |
| 294 |
|
| 295 |
= 5.12 = |
| 296 |
|
| 297 |
* Replaced color picker with WordPress default color picker |
| 298 |
* Border radius can be locked to change all sides at onces. |
| 299 |
* Cleanup of JS functions. |
| 300 |
|
| 301 |
= 5.11 = |
| 302 |
|
| 303 |
* Improvements to layout for small and mobile views |
| 304 |
* Optimizations to modal on resizing |
| 305 |
* Social icons for Eyeem added |
| 306 |
|
| 307 |
= 5.10 = |
| 308 |
|
| 309 |
* Fixed issue with background when using gradients |
| 310 |
* Collection name is shown in button overview when button is in collection |
| 311 |
* Database checks and failovers improved |
| 312 |
* Several small updates to styling and layout |
| 313 |
* Fixed display issue showing pack name / description when empty |
| 314 |
|
| 315 |
= 5.9 = |
| 316 |
|
| 317 |
* Greatly improved modal layouts |
| 318 |
* Fixed - Social Share : non-existing buttons will not show. |
| 319 |
* Child-spans now inherit background settings from parent anchor |
| 320 |
|
| 321 |
= 5.8 = |
| 322 |
|
| 323 |
* Fixed - Social Share remove button visible again |
| 324 |
* Fixed - Social Share button without attached network no longer open as popup by default. |
| 325 |
* Fixed - Custom Media Queries disabled after saving |
| 326 |
* Description field can now be hidden via settings |
| 327 |
* Various layout optimizations |
| 328 |
* Tested for version 4.6 |
| 329 |
|
| 330 |
= 5.7 = |
| 331 |
|
| 332 |
* Fixed omission in button clear function causing not to clear fully |
| 333 |
* Fixed typo in Social Share shortcode |
| 334 |
* Fixed social share bug, not correctly removing counts in certain situations |
| 335 |
* Fixed social share icons not having cursor pointer |
| 336 |
* Fixed Text Shadow bug with buttons having only shadow top set. |
| 337 |
* Inline loading of social share collections |
| 338 |
|
| 339 |
= 5.6 = |
| 340 |
|
| 341 |
* Updated Social Share welcome message |
| 342 |
* Updated Readme text |
| 343 |
* Tested for WP 4.5.3 |
| 344 |
|
| 345 |
= 5.5 = |
| 346 |
|
| 347 |
* Fixed CSS in review notice |
| 348 |
* Fixed title issue with support topic titles |
| 349 |
* Fixed small outlining issues in button editor |
| 350 |
|
| 351 |
= 5.4 = |
| 352 |
|
| 353 |
* Colorpicker code enhanced |
| 354 |
* Updated container options interface |
| 355 |
|
| 356 |
= 5.3 = |
| 357 |
|
| 358 |
* Increased performance for shortcode when having an URL in shortcode. |
| 359 |
* Fixed bug Border Shadow not showing when blur is zero. |
| 360 |
* Fixed bug Text Shadow not showing when blur is zero. |
| 361 |
* Fixed issue Text not displaying in preview when button was saved without text |
| 362 |
* Minified all Javascript in plugin for faster performance. |
| 363 |
|
| 364 |
|
| 365 |
= 5.2 = |
| 366 |
|
| 367 |
* Fixed version check to enhance database upgrades |
| 368 |
* Fixed Add buttons dialog in Beaver Builder |
| 369 |
* Extra check for social sharing not to load on WP login pages |
| 370 |
|
| 371 |
= 5.1 = |
| 372 |
|
| 373 |
* Better pagination and display on Add Button dialog |
| 374 |
* Fixed certain Social Share default values . |
| 375 |
* Made number fields slightly larger |
| 376 |
* Tested up to 4.5.2 |
| 377 |
|
| 378 |
= 5.0 = |
| 379 |
|
| 380 |
* New button editor interface |
| 381 |
* Removed maximum length of text fields |
| 382 |
* Performance: Javascript loading streamlined |
| 383 |
* Fixed: Removal of social sharing collections |
| 384 |
* Improved social share picker |
| 385 |
* Fixed Window resize bug in popups |
| 386 |
* Fixed Array Bug in Social block |
| 387 |
|
| 388 |
|
| 389 |
== Upgrade Notice == |
| 390 |
|
| 391 |
= 3.19 = |
| 392 |
|
| 393 |
URL handling has been changed. If you use non-usual URL's in your buttons please let us know directly if you encounter any problems. |
| 394 |
|
| 395 |
= 4.0 = |
| 396 |
|
| 397 |
This major update includes new Social sharing features. If you run into issues please let us know via support. Experiences are also welcome! |
| 398 |
|
| 399 |
= 3.0 = |
| 400 |
Attention! This is a big upgrade from 2.x. Before installation it's adviced take a backup. In case your buttons don't appear after upgrading, |
| 401 |
please try to deactivate and activate the plugin again |
| 402 |
|
| 403 |
= 1.24.2 = |
| 404 |
Please deactivate and then reactivate before using. If the save button does not work, be sure to clear your browser cache. Also, if the "copy and invert" button does not work, try a hard refresh of your browser or clear your cache. |
| 405 |
|
| 406 |
|
| 407 |
|
| 408 |
|
| 409 |
|
| 410 |
|
| 411 |
|
