Workshop slides for Calgary 2016 - In this workshop, we'll explore "under the hood" of Jetpack. Did you know that Jetpack can help you pick the right colours for your theme? That it can add custom meta tags? That it comes with several Custom Post Types? And that every module and feature comes with a slew of filters that you can use? Come to the workshop and together we'll work on bringing the power of Jetpack to your current projects!

1. Jetpack Secrets
Theme Tools, Actions and Filters, and
other little known facts

2. @richardmtl
Happiness Engineer with Automattic
richard@automattic.com
Richard Archambault
Montrealer, fan of metros (and Mini Metro!)
wpmtl.org

3. Theme Tools

4. Social Icons Widget Social Menu
• Facebook
• Twitter
• Instagram
• Pinterest
• LinkedIN
• Github
• YouTube
• Vimeo
• Google+
• CodePen
• Digg
• Dribble
• Dropbox
• Email
• Facebook
• Flickr
• Foursquare
• Github
• Google+
• Instagram
• LinkedIn
• Path
• Pinterest
• Pocket
• Polldaddy
• Reddit
• RSS feed
• Skype
• Spotify
• StumbleUpon
• Tumblr
• Twitch
• Twitter
• Vimeo
• WordPress
• Youtube
Social Links
Widgets
• Facebook
• Twitter
• LinkedIn
• Google+
• Tumblr
Publicize connections Custom Menu
Let’s get Social!

5. Social Links
add_theme_support( 'social-links', array(
'facebook', 'twitter', 'linkedin', 'google_plus', 'tumblr',
) );
<a href="<?php echo esc_url( get_theme_mod( 'jetpack-facebook' ) ); ?>">
<?php _e( 'Facebook', 'textdomain' ); ?>
</a>
https://jetpack.com/support/social-links/

6. Social Menu
add_theme_support( 'jetpack-social-menu' );
<? php if ( function_exists( 'jetpack_social_menu' ) )
jetpack_social_menu(); ?>
https://jetpack.com/support/social-menu/

7. Responsive Video
function jetpackme_responsive_videos_setup() {
add_theme_support( 'jetpack-responsive-videos' );
}
add_action( 'after_setup_theme', 'jetpackme_responsive_videos_setup' );
https://jetpack.com/support/responsive-videos/

8. Breadcrumbs
if ( function_exists( 'jetpack_breadcrumbs' ) ) : ?>
<div class="my-breadcrumbs">
<?php jetpack_breadcrumbs(); ?>
</div><!-- .my-breadcrumbs -->
<?php endif; ?>
https://jetpack.com/support/responsive-videos/

9. Other Theme Tools
•Tonesque (colours!)
•Infinite Scroll
•Featured Content

10. Useful Filters

11. Publicize
add_filter( 'publicize_checkbox_default', '__return_false' );

12. Open Graph
function jetpackme_developer_fb_home_image( $tags ) {
if ( is_home() || is_front_page() ) {
// Remove the default blank image added by Jetpack
unset( $tags['og:image'] );
$fb_home_img = 'YOUR_IMAGE_URL';
$tags['og:image'] = esc_url( $fb_home_img );
}
return $tags;
}
add_filter( 'jetpack_open_graph_tags', 'jetpackme_developer_fb_home_image' );
Custom tag for the home page
https://jetpack.com/2013/07/12/add-a-default-image-open-graph-tag-on-home-page/

13. Open Graph
function jetpackdeveloper_custom_image( $media, $post_id, $args ) {
if ( $media ) {
return $media;
} else {
$permalink = get_permalink( $post_id );
$url = apply_filters( 'jetpack_photon_url', 'YOUR_LOGO_IMG_URL' );
return array( array(
'type' => 'image',
'from' => 'custom_fallback',
'src' => esc_url( $url ),
'href' => $permalink,
) );
}
}
add_filter( 'jetpack_images_get_images', 'jetpackdeveloper_custom_image', 10, 3 );
Add fallback default image
https://jetpack.com/2013/10/15/add-a-default-fallback-image-if-no-image/

14. Subscriptions
add_filter( 'jetpack_allow_per_post_subscriptions', '__return_true' );
Checkbox for activating per post

15. Subscriptions
function jetpackme_exclude_posts_subscriptions( $categories ) {
$categories = array( 'boring', 'dull' );
return $categories;
}
add_filter( 'jetpack_subscriptions_exclude_these_categories',
'jetpackme_exclude_posts_subscriptions' );
Exclude categories of posts

16. Related Posts
// Only return image and gallery post formats
function jetpackme_related_post_only_images( $post_formats, $post_id ) {
$post_formats[] = 'image';
$post_formats[] = 'gallery';
return $post_formats;
}
add_filter(
'jetpack_relatedposts_filter_post_formats',
'jetpackme_related_post_only_images'
);
Only return specific post formats

17. Related Posts
function jetpackme_more_related_posts( $options ) {
$options['size'] = 6;
return $options;
}
add_filter( 'jetpack_relatedposts_filter_options',
'jetpackme_more_related_posts' );
Change the number of posts displayed
https://jetpack.com/support/related-posts/customize-related-posts/

18. Related Posts
function allow_my_post_types($allowed_post_types) {
$allowed_post_types[] = 'your-post-type';
return $allowed_post_types;
}
add_filter( 'rest_api_allowed_post_types', 'allow_my_post_types' );
Include Custom Post Types
https://jetpack.com/support/related-posts/customize-related-posts/

19. Need help?
jetpack.com/support
@jetpack

20. Lots more!
https://jetpack.com/tag/hook-of-the-month/

21. WordCamp Calgary
Exclusive!

22. https://developer.jetpack.com/

24. @richardmtl
richard@automattic.com
Questions?