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

EBBC14

 EBBC14

European Beer Bloggers Conference 2014: Supercharging your blogging with WordPress

Derek Springer

June 28, 2014
Tweet

More Decks by Derek Springer

Other Decks in Technology

Transcript

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

    Dublin, Ireland Slides at: https://speakerdeck.com/dbspringer
  2. WHAT IS WORDPRESS? • WordPress is a free (as in

    beer) and open source blogging tool and a content management system (CMS) based on PHP and MySQL. • WordPress celebrated its tenth anniversary on May 27, 2013. • Two flavors: WordPress.com and WordPress.org. • WordPress.com is the cloud version of WordPress, supported by Automattic and is the simplest, most secure way to start web- publishing immediately. • WordPress.org sites are self-hosted, running on the site’s own server, and the site has complete control over the code and experience. Anyone can access and download the open source core software.
  3. • “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?
  4. WHAT DO I MEAN BY SUPERCHARGING YOUR BLOG? • Simple

    tips to add a lot of value to your blog. • The four “spheres” of supercharging: 1.Content 2.Appearance 3.Distribution 4.Infrastructure
  5. THIS IS NOT A TALK ABOUT • How to write

    a great blog post.
 (I’m here for that too!) • How to use WordPress.
 (Come chat with us!) • The finer points of implementing what I discuss.
 (“Wisdom becomes knowledge when it is a personal experience” -a teabag told me that.)
  6. 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
  7. 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
  8. 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. • Support for imgur images and galleries.
  9. 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!
  10. 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
  11. SUPPORTED EMBEDS
 (AN AMUSING HISTORY OF WHAT WAS POPULAR) •

    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
  12. NEW TRENDS IN THEMES • Responsive. (Mobile friendly) • Excellent

    typography. (Easier to read) • HTML5. (The new standard of the web). • Retina support. (Look great on Apple devices). • Infinite scroll. (Never hit ‘next’ again). • No more Flash!
  13. GENERAL THEME UPDATES • Since WordPress 3.4 the customizer has

    been built into the ‘Appearance’ menu. • New in WordPress 3.9 is a combo of a slick new all-in-one theme browser, theme previewer, and customizer. • Now you don’t have to commit to changing your theme until you’re 100% certain it looks awesome!
  14. HOW TO FIND A THEME • Keep in mind: not

    all themes are created equally. • Never, ever do a Google search for free themes (you’re inviting yourself to a malware party). • The best free themes are in the official WordPress.org repo. They’ve been vetted by a community committee. • The themes on WordPress.com are the cream of the crop and typically available in the .org repo as well.
  15. WORTHWHILE PREMIUM THEME SHOPS • WooThemes • StudioPress 
 (makers

    of the über-popular Genesis theme) • Elegant Themes • Graph Paper Press • Array (formerly Okay Themes)
  16. WHAT TO LOOK FOR 1. A design you like. Your

    design should project the image you want, be it professional or fun. There’s more to a theme than visuals, but it’s the only thing your readers will see! 2. Responsive. Mobile device usage is quickly becoming users’ primary reading device! Don’t lose readers to a bad mobile experience. 3. Functionality. A theme is functional if it does what you want it to do. Do you want to display a lot of images? Are you primarily news/text focused? Don’t think they’re interchangeable! 4. Regular updates. It’s important that designers update their themes regularly to ensure they work with the latest edition of WordPress. 5. Documentation. Should explain exactly how the theme can be used and point out common problems that arise for the theme.
  17. WATCH OUT FOR 
 “KITCHEN SINK” THEMES • It’s tempting

    to get a theme with scores of great features built-in, but what happens if you want to change themes? • A good theme will be 
 “lean and mean.”
  18. PUBLICIZE • Share your site’s posts on several social media

    networks automatically when you publish a new post. • Just publish the post as usual, and you’ll see it show up on the services you enabled. • You can opt-out from any of the Publicize services for any specific post you’d like. • Multiple authors can configure their settings individually on your site.
  19. 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.
  20. GOOD NEWS! • If your blog is on WordPress.com, you’re

    done! • We handle all of the infrastructure for you, just focus on writing posts. • Self-hosted folks, the rest of this is for you.
  21. COME TALK TO US ABOUT
 (I DON’T WANT TO PUT

    EVERYONE TO SLEEP) • CDNs
 (content distribution network) • Caching • Page speed optimization • Hosting types • Google Analytics • SEO
  22. WHAT IS JETPACK? • Plugin that provides a suite of

    modules for your site.
 (WordPress.com folks already have these features!) • We spend a lot of time developing sweet features for WordPress.com, this is our way of making sure everyone gets to use them. • Uses WordPress.com cloud to take load off your site. • It’s free! Connect it to your free WordPress.com account.
  23. HERE ARE MY FAVORITES • Stats • Related Posts •

    Photon • Site Monitor • Publicize • VaultPress
  24. 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.
  25. 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.
  26. PHOTON • Reduce the load on your site by loading

    images from the WordPress.com CDN. • Acts on images in posts, pages, and featured images (post thumbnails). • Your images will load fast wherever your readers are!
  27. 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)
  28. 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!