62
An Introduction to Jetpack Michele Butcher http://michelebutcher.com http://cantspeakgeek.com @michele_butcher http://www.slideshare.net/michelebutcher/introduction-to-jetpack-wordcamp-chicago-2014

Introduction to Jetpack- WordCamp Chicago 2014

Embed Size (px)

DESCRIPTION

This was the Introduction to Jetpack presentation done by Michele Butcher at the WordCamp Chicago June 13, 2014.

Citation preview

Page 1: Introduction to Jetpack- WordCamp Chicago 2014

An Introduction to Jetpack

Michele Butcher http://michelebutcher.com http://cantspeakgeek.com

@michele_butcherhttp://www.slideshare.net/michelebutcher/introduction-to-jetpack-wordcamp-chicago-2014

Page 2: Introduction to Jetpack- WordCamp Chicago 2014

A 20 second bio of who this girl up here talking is…

Page 3: Introduction to Jetpack- WordCamp Chicago 2014

With over 10 million downloads, Jetpack is one of the most used WordPress plugins in the world.

Page 4: Introduction to Jetpack- WordCamp Chicago 2014

In the beginning…

Page 5: Introduction to Jetpack- WordCamp Chicago 2014

What does Jetpack have to offer me?

Page 6: Introduction to Jetpack- WordCamp Chicago 2014

A whole lot of AWESOME !

!

!

!

!

!

in a tiny living space!

Page 7: Introduction to Jetpack- WordCamp Chicago 2014

Installing Jetpack

1. Download via Plugin Repository

2. Activate

3. Sign in with your WordPress.com account

4. You are ready to go!

Page 8: Introduction to Jetpack- WordCamp Chicago 2014

First, go into the “Install Plugins” page on your dashboard

In the search box type in “Jetpack” and click “Search Plugins”

Page 9: Introduction to Jetpack- WordCamp Chicago 2014

The top choice will be the Jetpack that you want.

Click “Install Now” to download Jetpack to your WordPress site.

Page 10: Introduction to Jetpack- WordCamp Chicago 2014

This is what you will see once the plugin has been installed

Click “Activate Plugin” to turn it on in your dashboard

Page 11: Introduction to Jetpack- WordCamp Chicago 2014

Now you have to connect Jetpack to your WordPress.com account

Click on the “Connect to WordPress.com to proceed”

Page 12: Introduction to Jetpack- WordCamp Chicago 2014

This is where you use you WordPress.com login.

If you do not have a login you can click on “Need and account?” Sign up is free and takes

about 5 seconds.

Page 13: Introduction to Jetpack- WordCamp Chicago 2014

Now you are ready to rock Jetpack!

Page 14: Introduction to Jetpack- WordCamp Chicago 2014

There are three types of people that Jetpack was

designed for. !

1. Users 2. Readers 3. Developers

Page 15: Introduction to Jetpack- WordCamp Chicago 2014

For those awesome WordPress users…

Page 16: Introduction to Jetpack- WordCamp Chicago 2014

Get your site attention and love with social media by using Publicize and Sharing

Page 17: Introduction to Jetpack- WordCamp Chicago 2014

Share with the most popular social media platforms!

Page 18: Introduction to Jetpack- WordCamp Chicago 2014

Security Within Your Site

Page 19: Introduction to Jetpack- WordCamp Chicago 2014

Monitor will email you as soon as your site goes down.

Know instantly for minimal downtime.

Get emails delivered when your site goes down and how long it was down.

Page 20: Introduction to Jetpack- WordCamp Chicago 2014

VaultPress: Jetpack’s backup and security feature. It is a paid feature that will secure your

site in real time to make sure you have no unwanted visitors.

Page 21: Introduction to Jetpack- WordCamp Chicago 2014

Not a fan of the WordPress mobile app but want to post on the go?

Then post by email could be your answer!

Jetpack sets up each user their own email address to send the posts to.

!

Add your HTML to the email your your special bling

Page 22: Introduction to Jetpack- WordCamp Chicago 2014

For the media fans, Jetpack has a few somethin’ somethin’

Carousel will take your pictures and showcase them in a rocking full page

experience.

Page 23: Introduction to Jetpack- WordCamp Chicago 2014

Plus tiled galleries gives you more options for displaying your fantastic photos

Tiles

Circle

Square

Page 24: Introduction to Jetpack- WordCamp Chicago 2014

VideoPress, one of two paid Jetpack features, is one of the easiest ways to

upload and edit videos to add to your WordPress site.

Page 25: Introduction to Jetpack- WordCamp Chicago 2014

• Unlimited video length for videos up to 1GB • Unlimited bandwidth for streaming videos • Share and embed VideoPress videos anywhere on the

internet • Videos inherit your blogs privacy settings for strict privacy

control • VideoPress supports MP4 (.mp4,m4v) QuickTime movies

(.mov)Windows Media Video (.wmv), Audio Video Interleave (.avi), MPEG (.mpg), Ogg (.ogv), 3GPP, (.3gp), and 3GPP2 (.3g2)

Benefits Include

Page 26: Introduction to Jetpack- WordCamp Chicago 2014

Hey grammar nazis everywhere!

Jetpack has this cool little thing where they will check your spelling and grammar for you. It just

does it! !

!

!

!

!

If only it could be everywhere…..Think of the possibilities!!!

Page 27: Introduction to Jetpack- WordCamp Chicago 2014

Site Verification ToolsNEW NEWVerify your site with Google, Bing, and Pinterest.

Get noticed faster!

Page 28: Introduction to Jetpack- WordCamp Chicago 2014

Sing with me… “This is the site that doesn't end.

Yes it goes on and on my friends…

When used, and applicable to your theme, Infinite Scroll will make your site seem like it

never ends. It will show all of your posts on the one page.

Disclaimer: The theme author must integrate this into the theme for this feature to work

Page 29: Introduction to Jetpack- WordCamp Chicago 2014

!

!

Do you hate logging in to each and every one, each and every time?

Single Sign On is the key to solve all of those pesky login problems.

Have multiple WordPress sites?

Page 30: Introduction to Jetpack- WordCamp Chicago 2014

Want to know more about that person who commented on your post?

Gravatar hovercards will show the Gravatar bio information when you hover the curser over a

Gravatar image.

Page 31: Introduction to Jetpack- WordCamp Chicago 2014

Sometimes the need arises that one needs to search their WordPress back end to find something. Yeah it happens to the best of us.

Insert Omnisearch !

Jetpacks handy dandy search option. It will search posts, pages, comments, media, and plugins.

Page 32: Introduction to Jetpack- WordCamp Chicago 2014

Enhanced distribution allows your blog’s public content to be included in the WordPress.com

firehose.

Enhanced Distribution

Page 33: Introduction to Jetpack- WordCamp Chicago 2014

Want your site to move at warp speed?

Photon is an image acceleration and editing service for sites hosted on WordPress.com or on Jetpack-connected WordPress sites. That

means less load on your host and faster images for your readers.

Just click “Activate” and done!

Page 34: Introduction to Jetpack- WordCamp Chicago 2014

Widgets widgets everywhere!

Widgets give more options to put all kinds of coolness on your site. Jetpack gives you the

option to pick what widgets you want on certain pages and gives you more widgets to pick from.

Page 35: Introduction to Jetpack- WordCamp Chicago 2014

Jetpack extra sidebar widgets gives you:

Facebook Like Box

Top 10 Most Recent Posts

Twitter Timeline

Add an image

Show your Gravatar

Gallery Display

Readmill

Page 36: Introduction to Jetpack- WordCamp Chicago 2014

Google+ Profile

You can connect your WordPress site to your Google+ account.Show your Google+ profile link at the bottom of your posts and let your readers use their Google+ profile to add comments to your posts. You can share to Google+, embed Google content, and add your latest posts on

your Google+ profiles and pages.

Page 37: Introduction to Jetpack- WordCamp Chicago 2014

The people who do math

The Beautiful Math Feature complex mathematical equations rock on your site.

Page 38: Introduction to Jetpack- WordCamp Chicago 2014

WordPress.com Stats

Who reads us? How many visited today, last week, last year?

How many pages were visited? Where did they visit from?

What are they reading? !

!

!

Those questions and more answered here!

Page 39: Introduction to Jetpack- WordCamp Chicago 2014

Visitors

http://michelebutcher.com

Top Posts and Pages Viewed

Page 40: Introduction to Jetpack- WordCamp Chicago 2014

For the readers you all know you want…

Page 41: Introduction to Jetpack- WordCamp Chicago 2014

Want people to leave snazzy comments on your site? !

No need for a separate plugin Jetpack has that covered!

This is the Jetpack enabled Comments on http://michelebutcher.com

Also commenters can use their using Twitter, Facebook, Google+, and WordPress.com accounts.

Page 42: Introduction to Jetpack- WordCamp Chicago 2014

Jetpack subscriptions give readers the ability to get your new posts delivered directly to their inbox.

Page 43: Introduction to Jetpack- WordCamp Chicago 2014

Just like Facebook, people can “Like” your posts through their

WordPress.com account.

Page 44: Introduction to Jetpack- WordCamp Chicago 2014

Give those readers more posts to read by using Related Posts

Snazzy little links can appear anywhere within and/or under your posts to direct readers to related posts that you have

made. !

It is awesome! You should try it!

Page 45: Introduction to Jetpack- WordCamp Chicago 2014

WordPress Security for Beginners 101 states you

should never ever never put your email address on your website. Never. So how do your readers contact you?

Page 46: Introduction to Jetpack- WordCamp Chicago 2014

A contact form!

Contact forms give readers

a way to contact you

and they are fully customizable!

Page 47: Introduction to Jetpack- WordCamp Chicago 2014

Sometimes your URL is just too long…

WP.me Shortlinks automatically gives your posts a short

link for posting to social media sites.

Page 48: Introduction to Jetpack- WordCamp Chicago 2014

!

!

Turn this URL: http://michelebutcher.com/joining-wp-security-lock/

!

!

!

Into: !

http://wp.me/p1WOmP-4B

Page 49: Introduction to Jetpack- WordCamp Chicago 2014

And forbid your site theme is not responsive, Jetpack can help!

Jetpack Mobile Theme automatically optimizes your site for mobile

devices. !

!

!

!

!

But I am sure you are already using a responsive theme right?

Page 50: Introduction to Jetpack- WordCamp Chicago 2014

Last but never least, those fantastic

developer types…

Page 51: Introduction to Jetpack- WordCamp Chicago 2014

JSON API

Allow applications to securely access your content through the cloud

Page 52: Introduction to Jetpack- WordCamp Chicago 2014

Custom CSS

The custom CSS Editor allows customization to the appearance of your theme without the need to create a child

theme or worry about theme updates overwriting your customizations.

Page 53: Introduction to Jetpack- WordCamp Chicago 2014

Jetpack now features Markdown

A more relatively new feature, you now can write in Markdown and publish in XHTML

Page 54: Introduction to Jetpack- WordCamp Chicago 2014

An added bonus for developers…

Jetpack has hundreds of filters and hooks within the database that can be

modified and tweaked to your own specifications.

Page 55: Introduction to Jetpack- WordCamp Chicago 2014

A prime example is how you can customize the related posts features.

Page 56: Introduction to Jetpack- WordCamp Chicago 2014

Shortcodes can

make life so much

easier!

Page 57: Introduction to Jetpack- WordCamp Chicago 2014

• [ blip.tv ] embeds a Blip.tv video. » Full instructions •[ dailymotion ] embeds a DailyMotion video. » Full

instructions•[ flickr ] embeds a Flickr video. » Full instructions •[ ted ] embeds a TED talk. » Full instructions •[ vimeo ] embeds a Vimeo video. » Full instructions •[ vine ] embeds a Vine video. » Full instructions •[ youtube ] embeds a YouTube video. » Full instructions

Video Shortcodes

Page 58: Introduction to Jetpack- WordCamp Chicago 2014

Audio Shortcodes

• [ audio ] displays uploaded audio file as an audio player. Jetpack now uses the shortcode parameters in WordPress Core.

•[ soundcloud ] embeds audio from SoundCloud. » Full instructions

•[ bandcamp ] embeds audio from Bandcamp. » Full instructions

Page 59: Introduction to Jetpack- WordCamp Chicago 2014

Images and Documents Shortcodes

•[ presentation ] allows you to display a slide presentation on your site. » Full instructions

•[ scribd ] embeds a document/file from Scribd. » Full instructions

•[ slideshare ] embeds a slideshow from Slideshare.net. » Full instructions

•[ gallery type="slideshow" ] allows you to create a slideshow by using the built-in WordPress galleries. » Full instructions

•You can also use Jetpack to embed Google Docs. » Full instructions

Page 60: Introduction to Jetpack- WordCamp Chicago 2014

Miscellaneous ShortcodesShortcodes for adding a blog archive index, contact form, polls, and more.• [ archives ] displays an archive index of your blog posts. » Full

instructions• [ digg ] displays a Digg sharing button. • [ googlemaps ] embeds Google Maps. » Full instructions • [ facebook ] embeds Facebook posts. » Full instructions • [ polldaddy ] embeds a PollDaddy poll. » Full instructions • [ twitter-timeline ] embeds a Twitter Timeline Widget. » Full

instructionsModule-Dependent ShortcodeThis shortcode only works when the corresponding module is enabled.• [ jetpack_subscription_form ] displays a subscription form

anywhere in your site. Works with the Subscription Module. » Full instructions

Page 61: Introduction to Jetpack- WordCamp Chicago 2014

Questions???

Page 62: Introduction to Jetpack- WordCamp Chicago 2014

Thank you! You all have been great!

Twitter: @michele_butcher !

http://michelebutcher.com http://wpsecuritylock.com !

http://industrialwp.com http://safewp.com !

Slide deck can be found at: http://www.slideshare.net/michelebutcher/introduction-to-jetpack-wordcamp-chicago-2014