Ten Features of Jetpack You Can't Live Without

Ten Features of

you can’t live withoutSuzette Franck wordCamp Las Vegas

December 14, 2014

Suzette Franck #WCLV @suzette_franck

1. what is Jetpack2. quick preview of modules3. installation, activation, and connecting4. development mode5. digging into jetpack modules6. additional plugins for jetpack

what we will cover

2


what is jetpack?

3


1. Jetpack by WordPress.com version 3.2.12. brings WordPress.com features to self-

hosted sites 3. plugin that includes suite of 33 modules4. made by Automattic5. enable or disable any/all modules6. uses WordPress.com cloud power7. free, except VaultPress & VideoPress

jetpack is awesome!

4


1. enhanced distribution2. gravatar hovercards3. jetpack comments4. likes5. publicize6. sharing7. subscriptions

social modules

5


1. custom css2. infinite scroll3. mobile theme4. site icon5. tiled galleries/carousel6. extra sidebar widgets7. photon8. holiday snow

appearance modules

6


1. WordPress.com stats2. toolbar notifications3. monitor4. contact form5. custom content types6. omnisearch7. site verification8. VaultPress & VideoPress (paid)

utilities modules

7


1. custom css2. JSON API3. jetpack single sign on4. omnisearch5. markdown 6. beautiful math

development modules

8


installing jetpack

9


1. self-hosted WordPress site 2. site must be public on the internet3. must connect to your WordPress.com

account to enable features4. “development mode” available for

some features on non-public sites

jetpack requirements

10

http://WordPress.com


1. Plugins > Add New, search Jetpackinstalling jetpack

11


1. Click “Activate Plugin”activating jetpack

12


1. Click “Connect to WordPress.com” account

TIP: sign into wordpress.org/plugins in another browser tab first before clicking

connect to WordPress

connecting jetpack

13

http://WordPress.com

http://wordpress.org/plugins


1. Verify Account and click Authorizeauthorizing jetpack

14


connected to jetpack

15


development mode

16


1. best for localhost/local development 2. allows you to preview some modules3. does not require WordPress.com

account 4. not connected to WordPress.com5. modules using WordPress.com cloud

will not work: photon, stats, etc.

development mode

17


jetpack not connected

18


via child theme functions.php

19


via plugin

20


development mode

21


jetpack settings

22


jetpack snow

23


jetpack modules

24


WordPress.com Stats

25


1. Thumbnail Grid2. Tiled Gallery (mosaic)3. Square Tiles 4. Circles5. Slideshow

Tiled Galleries

26


Thumbnail Grid

27


Tiled Gallery (mosaic)

28


Square Tiles

29


Circles

30


Slideshow

31


1. Visitors subscribe via a widget or comment form

Blog Subscriptions

32


Blog Subscriptions

33


1. Settings > SharingPublicize

34


Publicize - New Post

35


Publicize - Facebook

36


Publicize - Facebook

37

Publicize - LinkedIn


Publicize - Google

38


1. Settings > SharingSharing

39


1. Settings > ReadingRelated Posts

40


Related Posts

41


1. Blog Subscriptions2. Facebook Like Box3. Gallery4. Gravatar Profile5. Image6. RSS Link7. Top Posts & Pages8. Twitter Timeline

Extra Sidebar Widgets

42


Blog Subscriptions

43


Facebook Like

44


Gallery

45


Gravatar Profile

46


Image

47


RSS Link

48


Top Posts & Pages

49


Twitter Timeline

50


Contact Form/Feedback

51


1. Appearance > Edit CSSCustom CSS

52


Monitor

53


1. Surbma - Jetpack Development Mode 2. Manual Control for Jetpack 3. Jetpack Only for Admins 4. Slideshow Captions for Jetpack5. Jetpack Contact Form Auto Reply6. Jetpack Popular Posts7. Jetpack Melt Snow8. Jetpack Post Statistics Link

jetpack plugins

54


Designerat WebDevStudios

twitter: @suzette_franck

55

Psttt…We’re hiring!


WPwatercooler.com

56

Mondays, 11am Pacific


WordPress Lesson Plan Contributor

make.wordpress.org/training

57

We’re looking for Volunteer Contributors!


speakerdeck.com/suzettefranck

thank you!

58

Technology

Ten Features of Jetpack You Can't Live Without