The Sweetener

The work we do stuff we love

Show Comments 5 +

5 Responses to “Custom Social Share Icons in WordPress”

  1. Thank you so much. Was ready to pull my hair out for this… Just wondering. Any idea on how to make a simple sharing button for pinterest? For what i can see, pinterest requires javascript?

    Thank you in advance!

    Reply
    • Hey Marty! Thanks for the thanks.

      So, if I’m not mistaken, Pinterest now has a beta api release, but I’ve yet to check it out.
      Yep, you could just copy their bookmarklet js, which simply replicates the Pin It action and displays all images on the page for selection.

      But, for a more controlled situation relating to a single image, you could create a custom field for the image, that is then inserted into the url structure. I can think of various ways to add this image (wp featured image, a catch_that_image deal, etc), but I just use Advanced Custom Fields to create an image uploader that displays on the related admin page. Here’s what that looks like with a custom field called “display_image”:

      <!-- Pinterest url structure with custom field -->
      <a class="social-link" href="http://pinterest.com/pin/create/bookmarklet/?media=<?php the_field('display_image'); ?>&url=<?php the_permalink(); ?>/&description=<?php the_title(); ?>" target="_blank"><span class="icon icon-pinterest"></span></a>
      
      Reply

Leave a Reply

Let's Make Contact

Ready to start your monocle dropping project?

Back

Build something awesome with us!

SoSweet! Creative is located at 65 Schley Ave. in sunny Pittsburgh, PA 15205. Our phone number is 412-506-7311 and you can reach us with the form below or by emailing directly to hello@sosweetcreative.com


9+8=?