37
Let Me Tell You a Story: WordPress as a Storytelling Tool Kevin A. Barnes WordCamp Toronto Saturday, October 3, 2015

WordPress as a Storytelling Tool — WordCamp Toronto 2015

Embed Size (px)

Citation preview

Page 1: WordPress as a Storytelling Tool — WordCamp Toronto 2015

Let Me TellYou a Story:

WordPress as a Storytelling Tool

Kevin A. Barnes WordCamp Toronto Saturday, October 3, 2015

Page 2: WordPress as a Storytelling Tool — WordCamp Toronto 2015

STEAL MY SLIDES

http://kevv.co/wcto15/

Page 3: WordPress as a Storytelling Tool — WordCamp Toronto 2015

Hello!I’m Kevin A. Barnes

Author

Storytelling Org Webmaster

Grassroots ARG Writer

Director of Web Development

Page 4: WordPress as a Storytelling Tool — WordCamp Toronto 2015

Hello!I’m Kevin A. Barnes 1st Website in 1995

1st WordPress Site in 2004

Managing Web Development since 2006

Page 5: WordPress as a Storytelling Tool — WordCamp Toronto 2015

AGENDA

A Brief History of Online Storytelling

Aesop Story Engine

Select WordPress Themes Designed for Storytelling

Q & A

Appendix: Resources

Page 6: WordPress as a Storytelling Tool — WordCamp Toronto 2015

AGENDA

A Brief History of Online Storytelling

Aesop Story Engine

Select WordPress Themes Designed for Storytelling

Q & A

Appendix: Resources

Page 7: WordPress as a Storytelling Tool — WordCamp Toronto 2015

“(T)he main function of the human brain, the primary instinct, is storytelling”

— Joss Whedon, July 2015

Page 8: WordPress as a Storytelling Tool — WordCamp Toronto 2015

storytelling (stawr-ee-tel-ing, stohr-) noun1. The conveying of events in words and images,

often by improvisation or embellishment.

Page 9: WordPress as a Storytelling Tool — WordCamp Toronto 2015

A Brief History of Storytelling

Page 10: WordPress as a Storytelling Tool — WordCamp Toronto 2015

A Brief History of Storytelling

Page 11: WordPress as a Storytelling Tool — WordCamp Toronto 2015

A BRIEF HISTORY OF ONLINE STORYTELLING

Page 12: WordPress as a Storytelling Tool — WordCamp Toronto 2015

A BRIEF HISTORY OF ONLINE STORYTELLING

Page 13: WordPress as a Storytelling Tool — WordCamp Toronto 2015

Some Current Methods for Online Storytelling: Traditional Applications of Text / Images /

Video / Audio

Infographics

Long-Form Journalism

Animation / Animated Interaction

ARGs (Alternate Reality Games)

Transmedia Storytelling

HISTORY OF ONLINE STORYTELLING

Page 14: WordPress as a Storytelling Tool — WordCamp Toronto 2015

Envelope-Pushing Examples —The Lizzie Bennet Diaries: Multi-platform reimagining of

Pride and Prejudice

Story told using online video diaries, character social media accounts (Twitter, Facebook, Tumblr, Pinterest)

More Info:http://www.pemberleydigital.com/the-lizzie-bennet-diaries/

HISTORY OF ONLINE STORYTELLING

Page 15: WordPress as a Storytelling Tool — WordCamp Toronto 2015

Envelope-Pushing Examples —“What is Code”: Long-form article by Paul Ford on

Bloomberg.com in June 2015

More Info:http://www.bloomberg.com/graphics/2015-paul-ford-what-is-code/

HISTORY OF ONLINE STORYTELLING

Page 16: WordPress as a Storytelling Tool — WordCamp Toronto 2015

Envelope-Pushing Examples —How I Met Your Mother (TV): Universe Building with multiple in-story

websites

Story expanded using online videos, character social media accounts (Twitter, Facebook)

More Info:http://how-i-met-your-mother.wikia.com/wiki/Tie-in_sites

HISTORY OF ONLINE STORYTELLING

Page 17: WordPress as a Storytelling Tool — WordCamp Toronto 2015

High Adoption Rates

SEO Friendly

Accessibility

Customizable

Powerful Themes and Plugins already exist for Storytelling

WORDPRESS FOR STORYTELLINGSo what makes WordPress such a good choice for storytelling? Cost

Support

Scalable

Easy to Use

Easy to Maintain

Page 18: WordPress as a Storytelling Tool — WordCamp Toronto 2015

AGENDA

A Brief History of Online Storytelling

Aesop Story Engine

Select WordPress Themes Designed for Storytelling

Q & A

Appendix: Resources

Page 19: WordPress as a Storytelling Tool — WordCamp Toronto 2015

AESOP STORY ENGINE (WORDPRESS PLUGIN)

Download: http://wordpress.org/plugins/aesop-story-engine/ Showcase / Demos: http://aesopstoryengine.com/showcase/

Page 20: WordPress as a Storytelling Tool — WordCamp Toronto 2015

AESOP STORY ENGINE (WORDPRESS PLUGIN)Features: 13 unique, customizable story components

Page 21: WordPress as a Storytelling Tool — WordCamp Toronto 2015

AESOP STORY ENGINE (WORDPRESS PLUGIN)Features: 13 unique, customizable story components

Quick Start Guide

Page 22: WordPress as a Storytelling Tool — WordCamp Toronto 2015

AESOP STORY ENGINE (WORDPRESS PLUGIN)Features: 13 unique, customizable story components

Quick Start Guide

Developer Portal

Page 23: WordPress as a Storytelling Tool — WordCamp Toronto 2015

AESOP STORY ENGINE (WORDPRESS PLUGIN)Features: 13 unique, customizable story components

Quick Start Guide

Developer Portal

Aesop Themes and Add-ons(Premium)

Page 24: WordPress as a Storytelling Tool — WordCamp Toronto 2015

Demo Website:http://tomorrowsage.com/

Page 25: WordPress as a Storytelling Tool — WordCamp Toronto 2015

AGENDA

A Brief History of Online Storytelling

Aesop Story Engine

Select WordPress Themes Designed for Storytelling

Q & A

Appendix: Resources

Page 26: WordPress as a Storytelling Tool — WordCamp Toronto 2015

WORDPRESS STORYTELLING THEMES

Download: https://wordpress.org/themes/longform/ Showcase / Demos: http://cohhe.com/project-view/longform/

Longform Theme by Cohhe

Page 27: WordPress as a Storytelling Tool — WordCamp Toronto 2015

WORDPRESS STORYTELLING THEMES

Download: https://github.com/cutterkom/storyteller/ Showcase / Demos: http://storyteller.katharinabrunner.de/demo

Storyteller Theme by Katharina Bruner

Page 28: WordPress as a Storytelling Tool — WordCamp Toronto 2015

WORDPRESS STORYTELLING THEMES

Download: https://wordpress.org/themes/radcliffeShowcase / Demos: http://www.andersnoren.se/themes/radcliffe/

Radcliffe Theme by Anders Norén

Page 29: WordPress as a Storytelling Tool — WordCamp Toronto 2015

WORDPRESS STORYTELLING THEMES

Download: https://wordpress.org/themes/editor Showcase / Demos: https://arraythemes.com/themes/editor-wordpress-theme/

Editor Theme by Array HQ

Page 30: WordPress as a Storytelling Tool — WordCamp Toronto 2015

AGENDA

A Brief History of Online Storytelling

Aesop Story Engine

Select WordPress Themes Designed for Storytelling

Q & A

Appendix: Resources

Page 31: WordPress as a Storytelling Tool — WordCamp Toronto 2015

Thanks!Any questions?

You can find me at:Twitter: @KevinABarnesEmail: [email protected]: www.kevinabarnes.com

Download Slides: http://kevv.com/wcto15/

Page 32: WordPress as a Storytelling Tool — WordCamp Toronto 2015

AGENDA

A Brief History of Online Storytelling

Aesop Story Engine

Select WordPress Themes Designed for Storytelling

Q & A

Appendix: Resources

Page 33: WordPress as a Storytelling Tool — WordCamp Toronto 2015

APPENDIX: RESOURCES

A Small Sampling of Websites using WordPress for Storytelling (nonfiction): The Big Roundtable

http://www.thebigroundtable.com (uses Aesop Story Engine) CO:BUILT

http://cobuilt-somethingindependent.com (uses Aesop Story Engine)

7pathwayshttp://7pathways.net (uses Aesop Story Engine)

Epic Magazinehttp://epicmagazine.com

n+1 Magazinehttps://nplusonemag.com

Page 34: WordPress as a Storytelling Tool — WordCamp Toronto 2015

APPENDIX: RESOURCES

A Small Sampling of Websites using WordPress for Storytelling (fiction): To Sail Black Seas of Infinity

http://heathkennings.com/storyteller/ (uses Aesop Story Engine)

Liquid Imaginationhttp://liquidimagination.silverpen.org

Page 35: WordPress as a Storytelling Tool — WordCamp Toronto 2015

APPENDIX: RESOURCES

Learn More About Other Websites: Is It WordPress?

http://www.isitwp.com/

BuiltWith Technology Lookuphttp://builtwith.com/

WordPress Theme/Plugin Detectorhttp://www.wpthemedetector.com/

Page 36: WordPress as a Storytelling Tool — WordCamp Toronto 2015

APPENDIX: RESOURCES

Storytelling Sites and Resources: National Storytelling Network

http://www.storynet.org/ TED Talks on Storytelling

https://www.ted.com/topics/storytelling Center on Digital Storytelling

http://storycenter.org/ Ex Fabula (Milwaukee storytelling organization)

http://www.exfabula.com (built on WordPress) The Stanford Storytelling Project

http://web.stanford.edu/group/storytelling/cgi-bin/joomla/index.php

Page 37: WordPress as a Storytelling Tool — WordCamp Toronto 2015

APPENDIX: RESOURCES

Some Blogs that Cover Storytelling: “Telling the Story” Blog

http://tellingthestoryblog.com/ (built on WordPress)

Online Journalism Bloghttp://onlinejournalismblog.com/ (built on WordPress)

Beyond Bylineshttp://mediablog.prnewswire.com/ (built on WordPress)