Suite of components that enables the creation of interactive longform stories in WordPress.
Aesop Story Engine is a suite of open-sourced tools and components that empower developers and writers to build feature-rich, interactive, long-form storytelling themes for WordPress. At the heart of ASE are the suite of storytelling components, which are created on the fly while crafting posts within WordPress.
Try Aesop for Free - http://tryaesop.com
Utilizing these components, writers can can take their work to the next level, and developers can utilize the core storytelling engine to build feature-rich, visually compelling WordPress themes. Here’s a demo theme incorporating these story components. http://playground.aesopstories.com
Audio - Display an audio player with support for MP3 that can be optionally hidden. This is great for showcasing audio interviews.
Video - Showcase a fullscreen video with support for Kickstarter, Viddler, YouTube, Vimeo, Daily Motion, and Blip.TV with support for captions and alignment.
Content - The content component is a multi-purpose component that can display a background image, background color, or can split the content into multiple magazine type columns.
Character - Display a character avatar, title, and small bio to help readers be reminded of key story characters.
Gallery - The ASE Gallery component allows you to create and manage unlimited story galleries. Each gallery can be displayed as a grid, a thumbnail gallery, stacked, or sequential type gallery, all with caption support.
Chapter - Creates scroll-to points with large full-screen images as headings.
Image - The image component displays an image and caption, with optional lightbox. Also allows you to align the image, as well as offset the image so it hangs outside of the content column.
Map - This component allows you to create a map for your story. You can add markers to the map with custom messages, and even have the map scroll to points as you scroll through the story.
Parallax - A fullwidth image component with caption and lightbox. As you scroll, the image moves slightly to provide a parallax effect. Includes optional floater parallax item to use for multiple levels of parallax engagement.
Quote - Show a fullwidth quote with large text, or a standard pull-quote. Control the color and background of the quote component, add parallax effects, and more.
Timeline - Create a story with a timeline that sticks to the bottom. The timeline works a bit like chapters.
Document - This component allows you to upload a PDF or image, that is shown to the user once they click the component.
Collection - The 13th component is meant to be used on a page of your site, and allows you to display stories from a specific collection (category).
Here’s a demo theme incorporating these story components: http://playground.aesopstories.com.
Here’s a real story: http://aesopstoryseri.es/the-quiet-day/.
Here’s documentation on Aesop Story Engine: http://aesopstoryengine.com/help.
It’s important to know that the plugin only produces very basic CSS for the components. The theme is responsible for making the components appear different ways. For this reason, the Timeline and Chapter components may not function as intended. Refer to your themes documentation to see if it fully supports Aesop.
Theme authors and developers will find documentation covering everything from the markup that is generated, to actions, filters, and instructions for full Aesop integration here: http://aesopstoryengine.com/developers.
** Update 7.31.14 ** Aesop Story Engine 1.0.9 now features full theme compatibility with a simple code snippet that will load styles based on the components that you decide. While a dedicated theme is required to run components full-width, this will at least load all of the additional styles to give a basic design. Simply remove the component that you do not want to load additional styles for.
add_theme_support("aesop-component-styles", array("parallax", "image", "quote", "gallery", "content", "video", "audio", "collection", "chapter", "document", "character", "map", "timeline") );
We recommend placing this in a WordPress theme's functions.php, or use a plugin like Code Snippets and put the snippet in there.
All components are pluggable, and there are ample filters and actions to manipulate just about everything you can imagine. Refer to the documentation for more: http://aesopstoryengine.com/developers.
If you think something is missing, we want to hear from you. Post your request and bugs on Github.
Aesop Story Engine is currently available in 35 languages. We work closely with the folks over at WP Translations, and it's because of them that these translations are available.
Requires: 3.8 or higher
Compatible up to: 4.2.3
Last Updated: 2015-6-28
Active Installs: 3,000+
1 of 13 support threads in the last two months have been resolved.
Got something to say? Need help?