$30 off During Our Annual Pro Sale. View Details »

Jetpack All The Things - WordCamp NOLA 2016

Carolyn S.
August 13, 2016

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.

Carolyn S.

August 13, 2016
Tweet

More Decks by Carolyn S.

Other Decks in Technology

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