Adds Pin This button to all post images
| Author: | chriswhittle (profile at wordpress.org) |
| WordPress version required: | 3.0.0 |
| WordPress version tested: | 3.9.2 |
| Plugin version: | 1.93 |
| Added to WordPress repository: | 02-04-2012 |
| Last updated: | 09-10-2014
Warning! This plugin has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
|
| Rating, %: | 60 |
| Rated by: | 5 |
| Plugin URI: | http://collectivebias.com |
| Total downloads: | 15 198 |
| Active installs: | 90+ |
Click to start download
|
Extremely lightweight jquery based plugin. Adds "Pin This" button to all images.
Thanks to Elembee for this walkthrough http://elembee.com/blogkeeping-pin-it-for-images/
Screenshots
Example post
Admin Page
It’s not working?
2 things to check
1) Is another plugin interfering? The plugin uses jQuery on document ready which if it is interrupted by another pluggin will never fire here.
2) Check the selectors, does it reflect what the HTML is on your page?
Can I reload it?
call cb_pinterest_plugin_load() from javascript and it will repin everything that might not have been available on load
My style is still off ya jerk!
Well calm down, the plugin works by trying to clone style off the image but it can miss some. To tweak what’s missing you will need
to add the following to your themes custom style sheet and add the missing style attributes (which you can use firebug or something similar to find)
.cb_pin_images {
/INSERT MISSING STYLE HERE/
}
Wait the image should be centered!
find the image id using firebug and find the id #pin_images_2 is our example (but also remember it could change if multiple images are added to the page)
add the following to your themes custom style sheet
pin_images_2 {
margin-left:auto;
margin-right:auto;
}
or if it’s plugin specific use your plugin class
.zlrecipe-container-border .cb_pin_images {
margin-left:auto;
margin-right:auto;
}
1.0
1.1
Fixed issue with dimensions not working.
1.2
Fixed 2nd issue with dimenstions.
Added Settings Link To Plugins Screen
1.3
Fixed issue with 0 dimensions
1.4
Wrapped function so it could be called after load. cb_pinterest_plugin_load()
1.5
Changed the way it got the width and height of the image.
1.6
Added the move css attributes other than width and height to help with formatting(border,margin,padding).
1.7
Added code to work with lazy loading images (thanks vitalvital!);
1.8
Added fix for descriptions (thanks vitalvital!);
Changed encodeURI to encodeURIComponent to fix issues with certin urls
1.9
Added fixed for 0 size images (thanks freerange)
1.91
Added misc support fixes
1.92
Added link to Elembee’s walkthrough
replaced non validating php on plugin_action_links_
1.93
fixed $defines not being set originally
