My girlfriend is all about Pinterest, and last week I added a link and a favicon in Jetpacks sharedaddy module. Well it didn’t work so well, and didn’t stand up to the Twitter and Facebook buttons she has.

Another issue was Jetpack doesn’t have a shortcode/regex to get the featured image and any image for that matter, so the Pinterest button never quite worked.

Tonight I tried out a few things and came up with a quick fix with jQuery. Using this code I was able to load the pin button next to all the others, so enjoy.

Hard coded or in a js file

jQuery(document).ready(
	function($) {

		var sharedaddy = $('.sharing');
		if ( sharedaddy.length > 0 ) {
			$('li.share-end').before('<li class="share-regular"><a href="http://pinterest.com/pin/create/button/" class="pin-it-button" count-layout="horizontal">Pin It<script type="text/javascript" src="http://assets.pinterest.com/js/pinit.js"></script></li>');
		}

	}
);

That’s it!

Function in WordPress (theme or core plugin)

	add_action( 'wp_enqueue_scripts', 'frosty_enqueue_scripts' );
}

function frosty_enqueue_scripts() {
	wp_register_script( 'pinterest', trailingslashit( THEME_URI ) . 'js/pinterest.js', array( 'jquery' ), null, true );
	wp_enqueue_script( 'pinterest' );
}

Get your Pinterest goodies here.

After some real play time with the method above I found that Pinterest didn’t grab the image from the site, so I updated the some functions and changed how I went about outputting the pin button.

First off I’m no longer adding Pinterest via jQuery, but outputting the script and HTML into a hook in a theme and then moving it to the location I choose.

Example:

function jeana_pinterest_button() {
    global $post;

    $url = urlencode( get_permalink( $post->ID ) );

    if ( function_exists( 'get_the_image' ) ) {
	$image = get_the_image( array( 'size' => 'large', 'link_to_post' => false, 'image_scan' => true, 'format' => 'array', 'echo' => false ) );
	$image = urlencode( $image['src'] );
    } else {
        $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'large' );
	$image = urlencode( $image[0] );
    }

    $html = '<div id="pinterest-wrapper" style="display:none"><a href="http://pinterest.com/pin/create/button/?url=' . $url . '&media=' . $image . '" class="pin-it-button" count-layout="horizontal">Pin It</a><script type="text/javascript" src="http://assets.pinterest.com/js/pinit.js"></script></div>';
    print $html;
}

I am then hooking the above function into a hook built into the theme (I am using Hybrid Core) I am using, you may want to use wp_footer or a hook that you are more familiar with.

add_filter( "{$prefix}_after_loop", 'jeana_pinterest_button' );

The new Pinterest button should be working now, thought I’d still like to see it next to all the other share buttons, so I’ve hidden the pinterest-wrapper and will use jQuery to move and show it:

/* Pinterest */
var sharedaddy = $('.sharing');
if ( sharedaddy.length > 0 ) {
	var pinterest = $('div#pinterest-wrapper');
	if ( pinterest.length > 0 ) {
		$('li.share-end').before('<li class="share-pinterest share-regular"></li>');
		$(pinterest).delay(1000).appendTo('li.share-pinterest').show();
	}
}

If you’ve used my custom login plugin in the past, you’ll really like this one!

Header Image for my Comment Validation plugin. — “YOU SHALL NOT PASS”

Late last night I spent some time and created header images for the rest of my plugins, and I am quite fond of a few of them.. I’d really like to get some feedback from your on which ones you like and which should be changed (and how/what).

1. Featured Image Column
2. YouTube™ White Label shortcode
3. Announcement Bar
4. Hide and Catch Email
5. @Anywhere
6. Comment Validation Reloaded
7. Custom Login
8. Eventbrite Attendees Shortcode

Which ones do you like best?

To see all my WordPress plugins visit my plugin page or my profile on WordPress.org.

The video is a collage from end to beginning of every photo I took (minus a few).

The last design was light, so kept that feel. I’m still using my favorite framework “Hybrid” and the hybrid core system with a HTML5 theme. I made this theme as responsive as possible, so try and move the browser in and out..

Take a peek around and let me know what you think! I know there a some bugs that need to be worked out..

Last week I transferred some themes, two to be exact from the domain themelit.com over to fxthemes.com where I’ve been listing the premium themes for sale. Along with the domain transfer the store front got a design overhaul including a responsive design!

Since ƒxThemes got a fresh new look I thought I’d freshen up one of the two themes. Rock N’ Rolla, effectively known just as Rolla in version 1 was a custom theme I built for musicians and event venues. The first installment saw my first attempt at HTML5 for public consumption. Like most WordPress work I do, I try to keep the design simple fresh and limited on external images making use of CSS and its somewhat older browser incompatible younger sibling CSS3.

For the time being you can check out version 1 here (until I take down the site).

The Update

Three weeks ago I started what I thought to be a slight update the the theme. I was going to update the core framework to the current 1.2.1 from 1.0. Update some admin options like jQuery CDN hosted versions and some improved functions for the latest WordPress version 3.2 as well as the upcoming version 3.3.

The Overhaul

I am not sure at what point it all changed, but the small list of changes, maybe 15 turned into a final changlog of over 150 changes. Some of which I didn’t log and almost don’t remember. So, version 2 was born.

Even though the numerical version shows 0.2 It is still a major update to the theme. Some of the maor changes are as follows:

• Update: Hybrid Core to version 1.2.1.
• Complete overhaul of design and colors.
• Changed folder name from rolla to rocknrolla.
• Added new widgets, removed old widgets.
• Removed Custom Post Type event in favor of The Events Calendar plugin.
• Added HTML5 audio player: jPlayer requires javascript.
• Removed 95% of options.
• Theme updated and ready for WordPress 3.3.
• Theme requires certain plugins (plugin installer included).
• Added support for Crowd Favorites Post Formats UI plugin.
• And much more..

So, don’t hesitate to visit the theme page, the demo page, or purchase the theme.

Bonus: If you tweet about the theme, you’ll get a discount on the price!

As usual I was working, making announcement and running back an forth between sessions. But I found time to take some crowd shots. I did however get quite a few from Friday’s theme workshop and WordCamp day. But, the bulk of photos I took were from the after party at Brennan’s Pub and the WordCamp LA Party bus (#wclapartybus)!

So, I’ll be frugal in publishing some of these photo’s, especially the one super awesome video from the party bus. So enjoy.