Aesop Story Engine – один из самых привлекательных инструментов для WordPress, с которыми я когда-либо сталкивался. Названный в честь Эзопа, маститого рассказчика, чьи басни вплетены в наше культурное сознание, данный движок обеспечивает мощный набор мультимедийных инструментов для публикации различных рассказов. Плагин Aesop Story Engine представляет собой фундамент для создания многофункциональных, интерактивных, подробных тем для публикации рассказов в WordPress.
Движок поддерживает функционирование сайта Aesop Hosted Storytelling, где каждый желающий может бесплатно публиковать свои рассказы. Команда разработчиков Aesop выпустила весь функционал в виде open source WordPress-плагина, что позволяет любому пользователю без проблем прикрутить аналогичные мультимедийные возможности к своему сайту.
12 интерактивных компонентов плагина:
Aesop Story Engine включает в себя 12 компонентов, позволяющих добавлять интерактивные элементы к своему контенту:
- Audio – вывод аудиоплеера с поддержкой MP3
- Video – полноэкранное видео с поддержкой Kickstarter, Viddler, YouTube, Vimeo, Daily Motion и Blip.TV
- Content – вывод фонового изображения, цвета бэкграунда, разбиение контента по столбцам в журнальном стиле
- Character – вывод аватаров для персонажей, заголовка, а также небольшой биографии, чтобы напомнить читателям о ключевых персонажах рассказа.
- Galleries – создание и управление многочисленными галереями рассказов, выводимых в виде сетки, галереи миниатюр или в компактном виде с поддержкой подписей.
- Image – вывод изображений и заголовков с дополнительными лайтбоксами и дополнительным смещением, чтобы они выходили за пределы столбца с контентом.
- Locations – вывод маршрута персонажа с картой, добавлением маркеров и произвольных сообщений.
- Parallax – полноэкранные изображения с заголовком и лайтбоксом.
- Quote – вывод полноэкранных цитат с крупным текстом, управляемым цветом и фоном.
- Timeline – создание рассказа с таймлайном, который висит в нижней части и работает по аналогии с главами.
- Collections – загрузка PDF или изображения, которое отображается, когда пользователь кликает по компоненту.
- Document Viewer – используется на странице сайта и позволяет отображать рассказа из определенной коллекции (рубрики).
Каждый рассказ является уникальным. Все эти компоненты могут использоваться неоднократно в пределах одного рассказа и настраиваться по-разному для каждого элемента. Посмотрите демонстрационную страницу, чтобы увидеть разные компоненты повествования в действии.
Как функционирует Aesop Story Engine
Плагин загружает два файла: CSS-файл для базовых стилей и JS-файл для реализации интерактивных компонентов. Эти два файла составляют ядро плагина и в общей сложности весят всего 33 Кб. Как только вы установите плагин, вы обнаружите новую кнопку Add Component в редакторе записей WordPress. Эта кнопка запускает модальное окно, в котором вы можете выбирать и настраивать каждый компонент.
Параметры настройки находятся чуть ниже страницы для каждого элемента, у каждого из которых имеется богатый список настроек, таких как цвет текста, цвет фона или изображение, выравнивание, ширина, высота, подписи и т.д.
В указанном видеоролике вы можете увидеть обзор данного плагина:
Прекрасный вариант рассказать свою историю с помощью WordPress
Когда вы были ребенком, ваш опыт чтения басен являлся, вероятно, более ярким и глубоким, нежели сегодня. Aesop Story Engine поможет вам реализовать «живой» опыт чтения историй, позволяя вам быстро создать пленительный рассказ с визуальными и мультимедийными компонентами. Вместо одного длинного блока текста ваша история может быть насыщена полноэкранными фонами, красочными изображениями, персонажами, аудио клипами, картами и т.д. По существу, плагин предлагает вам возможность передать все свои чувства в процессе повествования.
Aesop Story Engine может использоваться с любой WordPress-темой. Однако учтите, что именно ваша тема будет по большей части диктовать то, как будут выводиться указанные элементы историй. Плагин обеспечивает функциональность, которая добавляет и форматирует базовые компоненты в пределах вашей текущей темы. Плагин идеально подходит в том случае, когда тема была разработана с учетом данных компонентов. Однако стоит сказать, что, скорее всего, существует лишь малая часть тем, которые способны полностью совпасть с демо-примером. Команда разработчиков в скором времени планирует выпустить тестовую дочернюю тему для WordPress, которая сделает реальной работу с плагином для большинства пользователей.
Ник Хэскинс, создатель движка, ранее являлся ведущим разработчиком ModernFarmer.com, где он объединил возможности повествования историй с созданием крупных, визуально привлекательных записей. Он создал Aesop Story Engine, чтобы облегчить создание красочных рассказов без необходимости написания кода. Плагин представляет собой полностью функциональную бету, и Хэскинс планирует узнать, есть ли интерес к данной особенности.
Мне кажется, Ник стоит на верном пути, предлагая новый инструмент, способный стать незаменимым для издателей. Газета New York Times недавно продемонстрировала прекрасное подтверждение данного тренда 2013: года интерактивных рассказов. Думаете ли вы, что такая тенденция будет продолжаться и в 2014 году? Стали бы вы использовать Aesop Story Engine на своем сайте или в проектах клиентов?
Источник: wptavern.com
Безусловно, это интересная штука для творчества.
Видел как раз такой сайт с историями, в которых использовалось очень много визуальных элементов — у меня браузер долго думал, открывая все это (в Опере почему-то даже Flickr тормозит, хотя в Chrome открывается чуть ли не моментально). Красиво — да. Удобно — не думаю. Может это и тренд, но тренд достаточно спорный.
Подобный подход использовался например на оффициальных сайтах фильмов. Меня заинтересовало как сделать самому нечто подобное.
http://www.melancholiathemovie.com
http://www.nymphomaniacthemovie.com
Возможно там использовалась какая-то параллакс тема. Но не факт… в общем это для творчества интересное поле для экспериментов.
Спасибо за пост! Сейчас бьюсь с этим плагином — не хочет он с моей темой пока корректно работать (