Jetpack All The Things - WordCamp NOLA 2016

Get the details on WordPress’s most popular plugin, Jetpack. We go from installation, a quick run down of all of the features, and what some of the features look like in action. If you have ever wondered about Jetpack or want to see what the hype is all about, you will not want to miss this talk.

Transcript

1. Carolyn Sonnek
   Jetpack Pyromancer
   @carolynsonnek
   Jetpack All The Things
   

   View Slide

2. • Achieve Feature Parity with WordPress.com
   • Contact Forms
   • Widget Visibility
   • Sharing Links
   • + more!
   Our Continuing Mission
   

   View Slide

3. Our Continuing Mission
   • Leverage the WordPress.com Cloud Servers
   • Related Posts
   • Photon
   • Publicize
   • + more!
   

   View Slide

4. • Customize the look of your site
   • Help you write great content
   • Grow and engage your audience
   • Help manage the security and updating of your site
   • Help your site run more efficiently
   • And more!
   What can Jetpack do for you?
   

   View Slide

5. • Custom CSS
   • Contact Form
   • Sidebar Widgets
   • Widget Visibility
   Customize Your Site
   

   View Slide

6. Custom CSS makes it
   easy to craft changes to
   your theme without
   needing a child theme.
   Custom CSS
   

   View Slide

7. • Eliminates the need to setup child themes to customize
   a theme and theme updates won’t overwrite your work!
   • Changes are stored in your database as a Custom Post
   Type; you can always step back to an earlier revision if
   you make a mistake.
   • Supports both Sass and Less preprocessors.
   Custom CSS
   

   View Slide

8. • A simple drop-in form editor.
   • Customize your fields
   • Form submissions are both
   emailed and saved locally and
   can be exported to CSV.
   • Automagically filtered for spam
   (if you’re also using Akismet)
   Contact Form
   

   View Slide

9. • Sidebar Widgets: Gravatar
   Profiles, Images, Galleries,
   Facebook Like Boxes, Twitter
   Timelines, RSS Feeds, and more.
   • Widget Visibility: lets you target
   specifically on which pages your
   widgets will display.
   Sidebar Widgets + Visibility
   

   View Slide

10. • Markdown
    • Spelling and Grammar Check
    • Shortcode Embeds
    • Carousel
    • Tiled Galleries
    • Beautiful Math (LaTeX)
    Produce Great Content
    

    View Slide

11. • Markdown is a shorthand for writing rich text (bold, italic,
    bullet points, hyperlinks) in plain text.
    • It helps with rapid content creation, without needing to
    regularly swap to the formatting bar or explicitly writing
    HTML markup.
    • It’s also perfectly readable unprocessed when displayed
    as Markdown.
    Markdown
    

    View Slide

12. • Easy in-browser spelling
    and grammar checking.
    • No automated tool will be
    as good as an actual
    proofreader, but we catch
    what we can.
    Spelling + Grammar
    

    View Slide

13. • A shortcode is a WordPress-specific code that lets you do
    nifty things with very little effort.
    • Shortcode = shortcut.
    • Jetpack Shortcodes add in some special shortcodes that
    were only available on WordPress.com
    • [twitchtv] [googlemaps] [instagram] [recipe] [bandcamp]
    [slideshare] [untapped-menu] and more!
    Shortcode Embeds
    

    View Slide

14. • When displaying your galleries,
    why not display the individual
    images in a stylish lightbox?

    • You can also show a bit more
    information about your camera
    as well and other EXIF data.
    Carousel
    

    View Slide

15. • A beautiful way to automatically crop and
    resize your images to present a cohesive
    whole.
    • Captions will slide into view as you hover
    over each image.
    • It just works.
    Tiled Galleries
    

    View Slide

16. • LaTeX enables the creation of complex math and
    scientific formulas.
    • (Yes, this is very niche)
    • $latex i\hbar\frac{\partial}{\partial t}
    \left|\Psi(t)\right>=H\left|\Psi(t)\right>$

    • Becomes…
    Beautiful Math (LaTeX)
    

    View Slide

17. • Publicize
    • Sharing Links
    • Comments
    Growth + Engagement
    • Likes
    • Subscriptions
    • Related Posts
    

    View Slide

18. • Publicize makes it easy for you to alert your connected
    social media networks when you publish a new post.
    • You can easily manage one or more account per network
    and allow your account to be used site-wide or just for
    your personal user account.
    • Choose on a per-post basis if you want to send the notice
    out and customize the message before it’s sent out.
    Publicize
    

    View Slide

19. • It’s a pretty awesome way to automate your workflow
    and make sure your content gets out in front of the eyes
    of as many of your followers as possible.
    • Supports Facebook, Twitter, Path, Tumblr, Google+, and
    LinkedIn.
    Publicize
    

    View Slide

20. • Sharing makes it easy for your 

    readers and visitors to share 

    your content.
    • This gives you the reach to your followers followers - helping
    you grow your audience.
    • You can customize which networks you’d like to use with an
    easy drag-and-drop interface, including how it looks!
    Sharing Links
    

    View Slide

21. • Drop-in comment form replacement
    • Works with all themes
    • Own your own content
    • Use popular social networks:
    • WordPress.com
    • Facebook
    • Twitter
    • Google+
    Comments
    

    View Slide

22. • Likes are a super-easy way to let folks acknowledge your
    content, without having to think of something witty to say.
    • It’s easy, it’s fun, and it increases engagement.
    • Requires a WordPress.com user account.
    Likes
    

    View Slide

23. • With Subscriptions, you can make it easier for your
    visitors to keep coming back.
    • They can subscribe either via the WordPress.com Reader,
    or via email notifications.
    • It helps to keep your content in front of the people that
    already care about what you have to say.
    Subscriptions
    

    View Slide

24. • WordPress.com Secure Sign On (SSO)
    • Jetpack Manage
    • Jetpack Monitor
    • Jetpack Protect
    Security + Stability
    

    View Slide

25. • WordPress.com Secure Sign On enables users to log into
    their accounts with their linked WordPress.com account.
    • All authentication requests using SSO are HTTPS. This is
    secure even if you don’t have an SSL certificate for your
    site or if your connecting over public wifi.
    • Plus, WordPress.com user accounts support two-factor
    authentication.
    WordPress.com SSO
    

    View Slide

26. • From a single WordPress.com dashboard, you can create and
    manage your content and plugins for one or many sites.
    • Manage plugins by showing when they’re out of date, update
    them with a single click, or even set them to autoupdate.
    • Write new blog posts, upload media, and publish all from
    this single interface.
    • Working on more improvements!
    Jetpack Manage
    

    View Slide

27. • Uptime and reliability matters.
    • Knowing when your site is experiencing problems is
    the first step to fixing them.
    • Monitor checks in with your site every five minutes.
    • If it ever finds a problem, it checks from two other
    geographic locations, and if it’s still down, it lets you
    know.
    Jetpack Monitor
    

    View Slide

28. • Protect yourself against traditional brute force attacks
    and distributed brute force attacks that use many
    servers against your site.
    • Stop hackers before their first login attempt.
    • A math captcha is used as a fallback for the protect
    feature just in case you’ve entered the wrong
    password too many times.
    Jetpack Protect
    

    View Slide

29. • Stats by WordPress.com
    • Photon Image CDN
    • Related Posts
    Performance
    

    View Slide

30. • Stats are hard to do locally.
    • Google Analytics and others: don’t necessarily understand
    your content on the back-end - only the URLs being viewed.
    • WordPress.com Stats understands your content and how it’s
    displayed
    • Easy access: Dashboard, WordPress.com, and the WordPress
    mobile apps. Also access through the WordPress.com API!
    Stats by WordPress.com
    

    View Slide

31. • Photon is an Image CDN offered for free to Jetpack sites.
    • It can take the load off of serving images off your servers,
    so your site loads more quickly.
    • Photon uses geographically dispersed servers that can
    server your content quickly and efficiently.
    • No database changes to content — easy and safe to
    toggle on and off.
    Photon
    

    View Slide

32. • Related Posts uses the WordPress.com Cloud to find related
    posts.
    • Indexes based on post content, title, categories, and tags.
    • Doesn’t need to be a featured image — external images
    (Flickr, for example) can be used as well.
    Related Posts
    

    View Slide

33. • Jetpack is also on GitHub for bug reports and feature
    requests.
    • More than twenty developers and designers working on
    the Jetpack plugin and related code, plus more pitching in
    regularly.
    • Twenty-six Happiness Engineers supporting users across
    WordPress.org plugin support forums, email support, and
    social media channels.
    One More Thing
    

    View Slide

34. Questions?
    

    View Slide

35. Thanks!
    Carolyn Sonnek
    @carolynsonnek
    

    View Slide