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

BBC14

 BBC14

Beer Bloggers Conference 2014: Supercharging your blogging with WordPress

Derek Springer

August 23, 2014
Tweet

More Decks by Derek Springer

Other Decks in Technology

Transcript

  1. SUPERCHARGING YOUR BLOGGING
    WITH WORDPRESS
    Beer Blogger’s Conference 2014

    San Diego, CA

    Slides at: https://speakerdeck.com/dbspringer/bbc14

    View full-size slide

  2. Derek Springer

    !
    @derekspringer




    fivebladesbrewing.com


    View full-size slide

  3. Check it out at:

    http://wordpress.org/plugins/beerxml-shortcode/

    View full-size slide

  4. I’M ALSO HERE WITH
    Brandon Kraft

    @kraft
    Dennis Hong

    @DennisHHong

    !
    sick :(
    Joel Williams

    @blogtechguy

    View full-size slide

  5. AUTOMATTIC
    We sponsored

    this conference!

    View full-size slide

  6. WE MAKE


    WordPress.com



    Jetpack



    Simplenote



    Cloudup


    VaultPress




    Akismet




    Polldaddy



    Gravatar


    View full-size slide

  7. WordPress runs on > 22% of all websites!

    View full-size slide

  8. WHAT DO I MEAN BY
    SUPERCHARGING YOUR BLOG?

    View full-size slide

  9. WHAT IS WORDPRESS?

    View full-size slide

  10. HAPPY BIRTHDAY, WORDPRESS!

    View full-size slide

  11. • “Get your hands dirty, and host
    your website yourself.”

    • On your own to find a host.

    • Maintain everything yourself.

    • Full control over customizations,
    no restrictions.

    • No registration is required.

    • Install custom themes. Build
    your own with PHP and CSS.

    • Install plugins to extend your
    site’s functionality.
    WordPress.com WordPress.org
    • “Focus on your content, we’ll
    handle the rest.”

    • Free + paid upgrades.

    • Top hosting/security/backups/
    updates included.

    • Personal support.

    • Register on WordPress.com
    and agree to ToS.

    • Choose from hundreds of
    themes (but not your own).

    • No plugins (lots built in).
    WHAT’S THE DIFFERENCE
    BETWEEN .COM & .ORG?

    View full-size slide

  12. WORDPRESS.COM

    View full-size slide

  13. WORDPRESS.ORG

    View full-size slide

  14. NOT A TALK ABOUT

    View full-size slide

  15. How many folks here are using
    WordPress?

    View full-size slide

  16. WordPress.com?

    View full-size slide

  17. WordPress.org?

    (aka self-hosted)

    View full-size slide

  18. Something else?

    View full-size slide

  19. ADDING MEDIA TO POSTS
    • Adding images, video, and audio stimulates your readers’
    minds, giving them something more than text to dig
    through, and a reason to come back.

    • Media breaks up the text, improves the flow, and makes a
    long post seem much shorter and more enjoyable to read.

    • “Show don’t tell.”

    “A picture is worth 1,000 words.”

    etc

    View full-size slide

  20. MEDIA IN WORDPRESS
    • “An agency by which something is
    accomplished, conveyed, or
    transferred.”

    • In WordPress this includes any rich
    way of displaying information in
    your posts.
    • Text

    • Images

    • Audio

    • Video

    • Tweets

    • Calendars

    • Polls

    • Embeds
    Rich Media

    View full-size slide

  21. Who here using rich media in
    your posts?

    View full-size slide

  22. IMAGES
    • You’ve probably got lots of
    experience with this. But!
    Since WordPress 3.9:

    • Drop directly into the
    editor, no need to open
    media manager.

    • Resize the image in-editor.

    • See galleries live in-editor.

    View full-size slide

  23. How about audio and/or video?

    View full-size slide

  24. AUDIO
    • Since WordPress 3.6 we’ve had
    built-in support for
    MediaElement.js audio and video.

    • Consistent HTML5 *and* Flash
    fallback player.

    • Backfills support for IE6-8 and
    adds extra media types for Firefox,
    Opera, & Safari.

    • Just pop in a link to your audio.

    • I recommend you embed!

    View full-size slide

  25. VIDEO
    Just embed!

    View full-size slide

  26. EMBEDS
    • Super-easy to embed videos, images, audio, and
    other content into your WordPress site.

    • Just paste a supported URL is on its own line.

    • For instance:

    https://www.youtube.com/watch?v=MsXm5RqBztE

    or

    https://twitter.com/beerbloggers/status/481572820095623168

    View full-size slide

  27. SUPPORTED EMBEDS

    (AN AMUSING HISTORY OF POPULAR WEB APPS)
    • Blip

    • CollegeHumor

    • DailyMotion

    • Flickr

    • FunnyOrDie.com

    • Hulu

    • Imgur

    • Instagram

    • Issuu

    • Meetup.com

    • Mixcloud

    • Photobucket

    • PollDaddy

    • Rdio

    • Revision3

    • Scribd

    • SlideShare

    • SmugMug

    • SoundCloud

    • Spotify

    • TED

    • Twitter

    • Viddler

    • Vimeo

    • YouTube

    • WordPress.tv

    View full-size slide

  28. APPEARANCE

    (AKA THEMES)

    View full-size slide

  29. NEW TRENDS
    IN THEMES

    View full-size slide

  30. YOUR
    BLOG
    WITH
    RETINA

    View full-size slide

  31. YOUR
    BLOG
    W/O
    RETINA

    View full-size slide

  32. INFINITE SCROLL

    View full-size slide

  33. THE CUSTOMIZER

    View full-size slide

  34. FINDING A THEME

    View full-size slide

  35. WORDPRESS.ORG/THEMES

    View full-size slide

  36. WORDPRESS.COM/THEMES

    View full-size slide

  37. WORTHWHILE PREMIUM
    THEME SHOPS

    View full-size slide

  38. WHAT TO LOOK FOR
    •A design you like.

    •Responsive.

    •Functionality.

    •Regular updates.

    •Documentation.

    View full-size slide

  39. WATCH OUT FOR 

    “KITCHEN SINK” THEMES

    View full-size slide

  40. DISTRIBUTION

    View full-size slide

  41. THE DEATH OF RSS

    View full-size slide

  42. THE NEW SOURCES
    WordPress has two great options to share your content

    View full-size slide

  43. PUBLICIZE
    • Share your posts on several networks automatically.

    • Just Publish the post and it’ll show up in your enabled services.

    • You can opt-out for any specific post you’d like.

    • Multiple authors can configure their settings individually on
    your site.

    View full-size slide

  44. CONNECT YOUR GOOGLE+ PROFILE!
    You’ll get a richer author bio in your search results.

    But no picture any more :(

    View full-size slide

  45. SHARING
    • Give your readers the ability to easily share your content with Twitter,
    Facebook, and a host of other services.

    • Adding to your Sharing Enabled Services is as simple as dragging the
    button from the Available Services area.You can configure services to
    appear as icons, text, or both.

    • Some services have an additional option letting you display ‘Official’ buttons
    that show the number of times the post has been shared in real time.

    View full-size slide

  46. INFRASTRUCTURE

    View full-size slide

  47. WORDPRESS.COM

    View full-size slide

  48. http://jetpack.me/

    View full-size slide

  49. THAT’S A LOT OF STUFF!

    View full-size slide

  50. HERE ARE MY FAVORITES
    • Publicize

    • Tiled
    Galleries

    • Related Posts

    • Stats

    • Site Monitor

    • Photon

    • VaultPress

    View full-size slide

  51. RELATED POSTS

    View full-size slide

  52. RELATED POSTS
    • Keep your readers engaged by showing them more of *your*
    posts they will be interested in.

    • Related content is automatically generated based on the content
    of the post and any tags or categories if they exist.

    (Must have at least 10 published posts for related content to appear.)

    • A post’s featured image will appear as the thumbnail.

    View full-size slide

  53. STATS
    • Get valuable stats like page views, visitors, click details, and more!

    • Can be run side-by-side with Google Analytics.

    • Check your stats on your site, WordPress.com, or through the
    WordPress Mobile apps.

    View full-size slide

  54. SITE MONITOR
    • Receive notifications from
    Jetpack if your site goes
    offline — and when it
    returns.

    • WordPress.com servers will
    start checking your site
    every five minutes. If it
    looks like something’s gone
    awry, we’ll fire off an email
    notification.
    (This one has no image, so here’s a cool dog drinking a beer)

    View full-size slide

  55. PHOTON
    • Load your images from the WordPress.com CDN.

    • Acts on images in posts, pages, and featured images.

    • Your images will load fast wherever your readers are!

    View full-size slide

  56. VAULTPRESS
    • One of the few Jetpack features
    that requires a subscription.
    (Starts at $5/mo)

    • Automated backups with easy
    restores.

    • Daily security scans with one-
    click repairs.

    • Help from the WordPress
    experts.

    • You can actually use VaultPress to
    transfer your site to a new host!

    View full-size slide

  57. ONE LAST THING:

    GET A SITEMAP PLUGIN!
    http://wordpress.org/plugins/google-sitemap-generator/
    https://wordpress.org/plugins/wordpress-seo/

    View full-size slide

  58. COME TALK TO ME ABOUT
    PLUGIN RECOMMENDATIONS!

    View full-size slide

  59. LOOKING TO SWITCH?

    View full-size slide

  60. MORE QUESTIONS?
    All Knowledge: http://codex.wordpress.org/

    !
    Super-nice volunteers: http://wordpress.org/support/

    !
    Third Party Companies

    !
    http://www.wpbeginner.com/

    http://www.wpuniversity.com/

    http://www.lynda.com/

    http://teamtreehouse.com/

    View full-size slide

  61. FIND YOUR LOCAL MEETUP!
    http://wordpress.meetup.com/

    View full-size slide

  62. ATTEND A WORDCAMP!
    http://wordpress.meetup.com/

    View full-size slide

  63. CHEERS!
    Come chat with us!

    Slides at: https://speakerdeck.com/dbspringer/bbc14

    View full-size slide