WordPress.org

1. bgunsberger
   Member
   Posted 4 months ago #

   I'm trying to use the Pinterest button. The button mostly works, however it never picks up an image. Am I missing a config option somewhere?

   Thanks

   http://wordpress.org/extend/plugins/addthis/

2. splatterMUSIC
   Member
   Posted 4 months ago #

   I'm trying to figure this out too, based on various forum posts. Here's what I got so far, but it's not working:

   <div class="addthis_toolbox addthis_default_style">
   " pi:pinit:media<?php $thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'thumbnail_size' );
   $url = $thumb['0']; ?>" pi:pinit:layout="horizontal">
   </div>

3. TraciBunkers
   Member
   Posted 3 months ago #

   Did either of you get this to work out? splatterMUSIC, I think part of your code didn't make it into the post.

   When I try to paste in code that has php, into the custom buttons section of the AddThis settings, it changes it. So I'm at a loss for what to do.

   For me, no image shows when you click on the button to pin it, and when you try to pin it, it doesn't--nothing happens.

4. TraciBunkers
   Member
   Posted 3 months ago #

   Well, I just tried the Sharing is Caring widget, & it works fine and has a Pinterest button.

   I've been uploading my photos to flickr, then linking them to my blog, and those aren't showing as a thumbnail for pinterest though.

5. splatterMUSIC
   Member
   Posted 3 months ago #

   Yeah, I gave up, I'm afraid. I lack the technical skills to solve much more of the issue, so I'm going to wait and see if AddThis, or Pinterest themselves, comes up with a more solid solution. Please let us know if any of you wizards gets this working though!

   Only the best.

6. TraciBunkers
   Member
   Posted 3 months ago #

   Try the Sharing is Caring Widget. It's simple to set up--just click if you want it at the top or bottom of the posts, and which pages.

   Hopefully AddThis will get it figured out, and I'll go back to them.

7. TraciBunkers
   Member
   Posted 3 months ago #

   I figured out a solution that still uses the AddThis plugin. I needed to use AddThis because I'm using the shopp plugin, and it seems to be the only sharing plugin that doesn't conflict with shopp.

   I installed the Pinterest "Pin It" Button plugin. Under the settings I selected the same pages for it to appear on as my AddThis settings. I left all of the boxes unchecked for where it should appear so I could use the code manually. Then for the CSS, I put this:

   .pin-it-btn {
   margin-left: 35px;
       position: absolute;
   }

   Then in the AddThis settings, I clicked on the custom button setting, and pasted this:

   <div class="addthis_toolbox addthis_default_style">
       <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
   <a class="addthis_button_tweet" tw:via="addthis"></a>
   <a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
   <a class="addthis_counter addthis_pill_style addthis_nonzero"></a>
   <a class="pin-it-btn" title="Pin It on Pinterest" href="void(0)"></a>
   </div>

   This gives a Facebook Like button, twitter, google+, AddThis, and Pinterest. If you add any other buttons, you might need to change the CSS code for the Pinterest button. It seems to work great. The Pinterest button doesn't have a counter though. But, when someone clicks on it, they can choose which photo to pin. You can see it here on my blog:
   http://www.TraciBunkers.com/blog

8. giddyup
   Member
   Posted 2 months ago #

   I found another way...I just added the below code as my AddThis custom code above my post.

   <!-- AddThis Button BEGIN -->
   <div class="addthis_toolbox addthis_default_style ">
   <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
   <a class="addthis_button_pinterest" pi:pinit:url="http://www.thebleepkidssay.com" pi:pinit:media="http://www.thebleepkidssay.com/wp-content/uploads/2012/03/BigIcon.png" pi:pinit:layout="horizontal">
   <a class="addthis_button_tweet"></a>
   <a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
   <a class="addthis_counter addthis_pill_style"></a>
   </div>

   Check it out at http://www.thebleepkidssay.com

Reply

You must log in to post.