Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Ten Features of Jetpack You Can’t Live Without

Ten Features of Jetpack You Can’t Live Without

Since its inception from WordPress.com Stats several years ago, the Jetpack suite of plugins has matured into a well-rounded group of helpful tools that you’ll wonder how you could ever live without. A must for any self-hosted WordPress site owner, this session will cover how to leverage the top ten most useful social media features and the WordPress.com cloud-powered awesomeness to collect stats and provide feedback, such as the contact form, related posts, the top posts and pages widget, and more.

This 75 minute hands-on presentation with Q & A will cover the basics of how to get started with and how to use some of the awesome modules that come with Jetpack. Jetpack requires a WordPress.org account and a publicly accessible WordPress website, which will be necessary to participate in the class lessons. Others will be encouraged to ask questions and take notes for later.

Suzette Franck

December 14, 2014
Tweet

More Decks by Suzette Franck

Other Decks in Technology

Transcript

  1. Ten Features of

    you can’t live without
    Suzette Franck
    wordCamp Las Vegas
    December 14, 2014

    View full-size slide

  2. #WCLV @suzette_franck
    1. what is Jetpack

    2. quick preview of modules

    3. installation, activation, and connecting

    4. development mode

    5. digging into jetpack modules

    6. additional plugins for jetpack
    what we will cover
    2

    View full-size slide

  3. #WCLV @suzette_franck
    what is jetpack?
    3

    View full-size slide

  4. #WCLV @suzette_franck
    1. Jetpack by WordPress.com version 3.2.1

    2. brings WordPress.com features to self-
    hosted sites

    3. plugin that includes suite of 33 modules

    4. made by Automattic

    5. enable or disable any/all modules

    6. uses WordPress.com cloud power

    7. free, except VaultPress & VideoPress
    jetpack is awesome!
    4

    View full-size slide

  5. #WCLV @suzette_franck
    1. enhanced distribution

    2. gravatar hovercards

    3. jetpack comments

    4. likes

    5. publicize

    6. sharing

    7. subscriptions
    social modules
    5

    View full-size slide

  6. #WCLV @suzette_franck
    1. custom css

    2. infinite scroll

    3. mobile theme

    4. site icon

    5. tiled galleries/carousel

    6. extra sidebar widgets

    7. photon

    8. holiday snow
    appearance modules
    6

    View full-size slide

  7. #WCLV @suzette_franck
    1. WordPress.com stats

    2. toolbar notifications

    3. monitor

    4. contact form

    5. custom content types

    6. omnisearch

    7. site verification

    8. VaultPress & VideoPress (paid)
    utilities modules
    7

    View full-size slide

  8. #WCLV @suzette_franck
    1. custom css

    2. JSON API

    3. jetpack single sign on

    4. omnisearch

    5. markdown

    6. beautiful math
    development modules
    8

    View full-size slide

  9. #WCLV @suzette_franck
    installing jetpack
    9

    View full-size slide

  10. #WCLV @suzette_franck
    1. self-hosted WordPress site

    2. site must be public on the internet

    3. must connect to your WordPress.com
    account to enable features

    4. “development mode” available for
    some features on non-public sites
    jetpack requirements
    10

    View full-size slide

  11. #WCLV @suzette_franck
    1. Plugins > Add New, search Jetpack
    installing jetpack
    11

    View full-size slide

  12. #WCLV @suzette_franck
    1. Click “Activate Plugin”
    activating jetpack
    12

    View full-size slide

  13. #WCLV @suzette_franck
    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

    View full-size slide

  14. #WCLV @suzette_franck
    1. Verify Account and click Authorize
    authorizing jetpack
    14

    View full-size slide

  15. #WCLV @suzette_franck
    connected to jetpack
    15

    View full-size slide

  16. #WCLV @suzette_franck
    development mode
    16

    View full-size slide

  17. #WCLV @suzette_franck
    1. best for localhost/local development

    2. allows you to preview some modules

    3. does not require WordPress.com
    account

    4. not connected to WordPress.com

    5. modules using WordPress.com cloud
    will not work: photon, stats, etc.
    development mode
    17

    View full-size slide

  18. #WCLV @suzette_franck
    jetpack not connected
    18

    View full-size slide

  19. #WCLV @suzette_franck
    via child theme functions.php
    19

    View full-size slide

  20. #WCLV @suzette_franck
    via plugin
    20

    View full-size slide

  21. #WCLV @suzette_franck
    development mode
    21

    View full-size slide

  22. #WCLV @suzette_franck
    jetpack settings
    22

    View full-size slide

  23. #WCLV @suzette_franck
    jetpack snow
    23

    View full-size slide

  24. #WCLV @suzette_franck
    jetpack modules
    24

    View full-size slide

  25. #WCLV @suzette_franck
    1) WordPress.com Stats
    25

    View full-size slide

  26. #WCLV @suzette_franck
    1. Thumbnail Grid

    2. Tiled Gallery (mosaic)

    3. Square Tiles

    4. Circles

    5. Slideshow
    2) Tiled Galleries
    26

    View full-size slide

  27. #WCLV @suzette_franck
    Thumbnail Grid
    27

    View full-size slide

  28. #WCLV @suzette_franck
    Tiled Gallery (mosaic)
    28

    View full-size slide

  29. #WCLV @suzette_franck
    Square Tiles
    29

    View full-size slide

  30. #WCLV @suzette_franck
    Circles
    30

    View full-size slide

  31. #WCLV @suzette_franck
    Slideshow
    31

    View full-size slide

  32. #WCLV @suzette_franck
    1. Visitors subscribe via a widget or
    comment form
    3) Blog Subscriptions
    32

    View full-size slide

  33. #WCLV @suzette_franck
    Blog Subscriptions
    33

    View full-size slide

  34. #WCLV @suzette_franck
    1. Settings > Sharing
    4) Publicize
    34

    View full-size slide

  35. #WCLV @suzette_franck
    Publicize - New Post
    35

    View full-size slide

  36. #WCLV @suzette_franck
    Publicize - Facebook
    36

    View full-size slide

  37. #WCLV @suzette_franck
    Publicize - Facebook
    37
    Publicize - LinkedIn

    View full-size slide

  38. #WCLV @suzette_franck
    Publicize - Google
    38

    View full-size slide

  39. #WCLV @suzette_franck
    1. Settings > Sharing
    5) Sharing
    39

    View full-size slide

  40. #WCLV @suzette_franck
    1. Settings > Reading
    6) Related Posts
    40

    View full-size slide

  41. #WCLV @suzette_franck
    Related Posts
    41

    View full-size slide

  42. #WCLV @suzette_franck
    1. Blog Subscriptions

    2. Facebook Like Box

    3. Gallery

    4. Gravatar Profile

    5. Image

    6. RSS Link

    7. Top Posts & Pages

    8. Twitter Timeline
    7) Extra Sidebar Widgets
    42

    View full-size slide

  43. #WCLV @suzette_franck
    Blog Subscriptions
    43

    View full-size slide

  44. #WCLV @suzette_franck
    Facebook Like
    44

    View full-size slide

  45. #WCLV @suzette_franck
    Gallery
    45

    View full-size slide

  46. #WCLV @suzette_franck
    Gravatar Profile
    46

    View full-size slide

  47. #WCLV @suzette_franck
    Image
    47

    View full-size slide

  48. #WCLV @suzette_franck
    RSS Link
    48

    View full-size slide

  49. #WCLV @suzette_franck
    Top Posts & Pages
    49

    View full-size slide

  50. #WCLV @suzette_franck
    Twitter Timeline
    50

    View full-size slide

  51. #WCLV @suzette_franck
    8) Contact Form/Feedback
    51

    View full-size slide

  52. #WCLV @suzette_franck
    1. Appearance > Edit CSS
    9) Custom CSS
    52

    View full-size slide

  53. #WCLV @suzette_franck
    10) Monitor
    53

    View full-size slide

  54. #WCLV @suzette_franck
    1. WordPress.com Stats

    2. Tiled Galleries

    3. Blog Subscriptions

    4. Publicize

    5. Sharing

    6. Related Posts

    7. Extra Sidebar Widgets

    8. Contact Form

    9. Custom CSS

    10.Monitor
    TL;DR: Top 10 Jetpack Modules
    54

    View full-size slide

  55. #WCLV @suzette_franck
    1. Surbma - Jetpack Development Mode

    2. Manual Control for Jetpack

    3. Jetpack Only for Admins
    4. Slideshow Captions for Jetpack

    5. Jetpack Contact Form Auto Reply

    6. Jetpack Popular Posts

    7. Jetpack Melt Snow

    8. Jetpack Post Statistics Link
    jetpack plugins
    X

    View full-size slide

  56. #WCLV @suzette_franck
    Designer
    at WebDevStudios
    twitter: @suzette_franck
    55
    Psttt…We’re hiring!

    View full-size slide

  57. #WCLV @suzette_franck
    free laptop

    scholarships
    for
    kids
    to learn
    how to code
    worldwide
    codestarter.org
    X
    http://goo.gl/sVy9aD

    View full-size slide

  58. #WCLV @suzette_franck
    WPwatercooler.com
    56
    Mondays, 11am Pacific

    View full-size slide

  59. #WCLV @suzette_franck
    WordPress Lesson
    Plan Contributor
    make.wordpress.org/training
    57
    We’re looking for
    Volunteer Contributors!

    View full-size slide

  60. #WCLV @suzette_franck
    speakerdeck.com/

    suzettefranck
    thank you!
    58

    View full-size slide