WordPress.org

Ready to get started?Download WordPress

Forums

Pinterest Pin It Button For Images
[resolved] Suggestion for enhancement (20 posts)

  1. ehkl
    Member
    Posted 1 year ago #

    Hi Sean, I have to say this is a great plugin. I was looking for this feature and your plugin delivers.

    I have one suggestion that would further enhance this plugin in my opinion.

    > It would be great to be able to click anywhere on the image to pin it instead of only clicking the pin it button because when the user hovers and immediately sees the pin it then they might click on the image but that would just bring them to the source image location.

    > This feature could maybe be toggled in settings so website owners can set it to the button only or the clicking on the whole image to pin.

    Would love to see this implemented!!!

    Take care and good stuff!

    http://wordpress.org/extend/plugins/pinterest-pin-it-button-for-images/

  2. Sean
    Member
    Plugin Contributor

    Posted 1 year ago #

    Hi Ehkl,

    Thanks for your input.

    Regarding the ability to click anywhere on the image, I've decided not to do so as some people use plugins such as Fancybox or some other style of Lightbox. In these cases, when the image is clicked, a bigger version is opened. If the plugin overrides this, most people won't be too happy, and adding this option is not in my near plans as I'm focusing mostly on some other issues to be fixed in the next 1.0 release.

    But nevertheless, I'll write your suggestion down to maybe implement it in the future.

    Thanks once again!

    Cheers.

  3. ehkl
    Member
    Posted 1 year ago #

    Hey Sean,

    Great update for version 1.0

    I like how the image greys out when hovered over the button. This works too.

    Just wanted to report a bug on the pin it button showing up outside of some images. Hopefully you can get this fixed swiftly.

    For reference: here's one of our posts with multiple images. Half of the buttons appear inside, half outside.

    Guide to an Eco Friendly Life

    Is this caused by having a caption?

    Hope this helps your plugin for improvement!

    Cheers sean.

  4. Sean
    Member
    Plugin Contributor

    Posted 1 year ago #

    Hi Ehkl,

    I've discovered that on blogs where the "Settings > Media > Large image size width" wasn't set, problems arrise with the positioning of the button.

    As a temporary solution, you can change this setting to reflect the maximum width of your content area (just the post area - in your case, I guess about 600px in width?). The next update will fix this ;)

    Cheers.

  5. ehkl
    Member
    Posted 1 year ago #

    Hi Sean

    Thanks for the quick reply.

    I tried setting the maximum width, didn't appear to change anything.

    Kind Regards,
    Eric

  6. Sean
    Member
    Plugin Contributor

    Posted 1 year ago #

    Hi,

    Try the new 1.0.1 update. This should fix it. Let me know if it does.

  7. ehkl
    Member
    Posted 1 year ago #

    Hey Sean,

    Thanks for the quick update.

    However, the button doesn't appear on the images anymore.

    Even after I set the pixel width in settings.

    Thanks.

  8. Sean
    Member
    Plugin Contributor

    Posted 1 year ago #

    Hi ehkl,

    Do you add the images to your post in a specific way?

    Can you set the "Exclude classes:" field to nothing? (Don't worry if only a comma appears after saving - that's normal). I've noticed errors on your page:
    http://blog.knowyourearth.com/archives/greener-pastures-a-guide-to-creating-an-eco-friendly-life-part-1/
    But the button does appear on the images.

  9. ehkl
    Member
    Posted 1 year ago #

    Usually the first image would be a featured image upload. The rest would be regular image uploads.

    I tried setting the field to nothing. The error still appears.

    Also I am not seeing the button.

    For reference, I'm running firefox.

    Thanks

  10. ehkl
    Member
    Posted 1 year ago #

    I'm going to disable the plugin for now - let me know if you want the error messages

  11. ehkl
    Member
    Posted 1 year ago #

    The error messages still show up after deactivation for Eco Friendly Life only.

  12. ehkl
    Member
    Posted 1 year ago #

    How to remove the error messages...?

  13. Sean
    Member
    Plugin Contributor

    Posted 1 year ago #

    Try cleaning up the cache (Wp super cache or W3 Total cache).

    If the pinterest plugin is deactivated, there is no reason for the message to show up.

  14. Sean
    Member
    Plugin Contributor

    Posted 1 year ago #

    The error message can be fixed by setting the field "Exclude classes:" to "wp-smiley, nopin" and save it. This should fix it.

  15. ehkl
    Member
    Posted 1 year ago #

    Hey Sean,

    Errors are gone.

    However, the Pin It button is not showing up.

  16. ehkl
    Member
    Posted 1 year ago #

    Works now, thanks a lot.

  17. ehkl
    Member
    Posted 1 year ago #

    Does the plugin support photos uploaded through the featured image section?

    For reference, here's an article using just one featured image:
    Solar Energy Information

    Cheers

  18. Sean
    Member
    Plugin Contributor

    Posted 1 year ago #

    Hi Ehkl,

    No, it doesn't. Only images in the post itself. There is no support planned for featured images in the foreseeable future.

  19. ehkl
    Member
    Posted 1 year ago #

    Difficult to implement?

  20. Sean
    Member
    Plugin Contributor

    Posted 1 year ago #

    Yes. You can try to add it manually to your theme, but be advised that if you do so, all featured images will have the Pin It button (no matter the class).

    In your theme, look for the following code:
    <?php the_post_thumbnail(); ?>
    Or something like that. Try adding the following:

    <span class="pibfi_pinterest">
    <?php the_post_thumbnail(); ?>
    <span class="xc_pin" onclick="pin_this(event, 'http://pinterest.com/pin/create/button/?url=<? the_permalink(); ?>&media= <?php echo get_the_post_thumbnail(); ?>&description=<?php the_title();?>')">

    Please note this is untested and I really can't give much support regarding this, but the code might help you get a head-start ;)

    Cheers.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic