Pinterest has a ‘Pin It’ button available for websites in the ‘Goodies‘ section now. It’s much like the Twitter and Facebook buttons you see EVERYwhere. I added a bit so you can use it in your WordPress theme.

With the following code this button can go on your index, single or archive pages – anywhere the WordPress loop appears. It will automatically pull the first image from the post to be pinned and link to the post’s permalink. The title of the post along with the website url will appear in the description field but can be edited before it’s posted.

Place this code in your template where you want the ‘Pin It’ button to appear – it should be inside The Loop.

<a href="http://pinterest.com/pin/create/button/?url=<?php the_permalink() ?>&media=<?php echo pinterest_image() ?>&description=<?php the_title(); ?> on <?php bloginfo('url'); ?>" class="pin-it-button" count-layout="horizontal">Pin It</a>
<script type="text/javascript" src="http://assets.pinterest.com/js/pinit.js"></script>

Put the following code in your functions.php file.

function pinterest_image() {
  global $post, $posts;
  $first_img = '';
  ob_start();
  ob_end_clean();
  $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
  $first_img = $matches [1] [0];

  if(empty($first_img)){ //Defines a default image
    $first_img = "/images/default.jpg";
  }
  return $first_img;
}

You can change /images/default.jpg to whatever you’d like. This image will be pinned if there’s not an image in the post.

Be really careful in your functions.php file, it’s a little touchier than what you might be used to. The first thing I ever broke in one was putting a space after the closing ?> – it’ll break your whole site! Always back up your files before you start changing things.

Easy as that, happy pinning!

P.S. Before you ask a question about your WordPress theme please do a quick google or codex search – If you still can’t figure it out ask away and I’ll try my best to help when I can!

.

UPDATE!

Due to Pinterest’s huge popularity now, there are tons of plugins available that will do this for you. I just did a quick search and this one looks good. WP Beginner also shows a different method that doesn’t involve the function file.

Cozy, quirky and weathered WordPress themes for small businesses, individuals and the soon-to-be married!

Sneak Peak:

I got the above stencil from Sam for christmas, awesome! Researching wireframing techniques now, trying to get in web designing mode for a top secret project coming up in the next couple of months. The JAWS wireframe (left) is the most inspiring so far, by a four year old!

Updates include cleaner code, better looking comments, new graphics and formatting on the date, tags and category, moved sidebar to footer for better SEO and a darker shade of gray in the background.

View the demo and download here

I’ve been working on littlebirdllc.com since last fall. Designed 10 different versions, coded about 6, started in Drupal and ended with WordPress. Do all designers have such a hard time designing their own business sites? It’s just never right, never cool enough, never finished. I decided on Saturday that this had gone on TOO long. Imagine my surprise when I actually came up with a design I liked right after deciding I just wanted to get something up? Design is funny like that. It’s still a work in progress, but it’s something. Thanks for reading!

I spent about a million hours working on our wedsite, I’ve realized in the last couple of weeks that I might like making blogs more than I am like writing in them.