Aesop Story Engine: плагин для WordPress, упрощающий вывод рассказов

Aesop Story Engine – один из самых привлекательных инструментов для WordPress, с которыми я когда-либо сталкивался. Названный в честь Эзопа, маститого рассказчика, чьи басни вплетены в наше культурное сознание, данный движок обеспечивает мощный набор мультимедийных инструментов для публикации различных рассказов. Плагин Aesop Story Engine представляет собой фундамент для создания многофункциональных, интерактивных, подробных тем для публикации рассказов в WordPress.

Движок поддерживает функционирование сайта Aesop Hosted Storytelling, где каждый желающий может бесплатно публиковать свои рассказы. Команда разработчиков Aesop выпустила весь функционал в виде open source WordPress-плагина, что позволяет любому пользователю без проблем прикрутить аналогичные мультимедийные возможности к своему сайту.

storytell

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. Эта кнопка запускает модальное окно, в котором вы можете выбирать и настраивать каждый компонент.

ase-screenshot

Параметры настройки находятся чуть ниже страницы для каждого элемента, у каждого из которых имеется богатый список настроек, таких как цвет текста, цвет фона или изображение, выравнивание, ширина, высота, подписи и т.д.

В указанном видеоролике вы можете увидеть обзор данного плагина:

Прекрасный вариант рассказать свою историю с помощью WordPress

Когда вы были ребенком, ваш опыт чтения басен являлся, вероятно, более ярким и глубоким, нежели сегодня. Aesop Story Engine поможет вам реализовать «живой» опыт чтения историй, позволяя вам быстро создать пленительный рассказ с визуальными и мультимедийными компонентами. Вместо одного длинного блока текста ваша история может быть насыщена полноэкранными фонами, красочными изображениями, персонажами, аудио клипами, картами и т.д. По существу, плагин предлагает вам возможность передать все свои чувства в процессе повествования.

Aesop Story Engine может использоваться с любой WordPress-темой. Однако учтите, что именно ваша тема будет по большей части диктовать то, как будут выводиться указанные элементы историй. Плагин обеспечивает функциональность, которая добавляет и форматирует базовые компоненты в пределах вашей текущей темы. Плагин идеально подходит в том случае, когда тема была разработана с учетом данных компонентов. Однако стоит сказать, что, скорее всего, существует лишь малая часть тем, которые способны полностью совпасть с демо-примером. Команда разработчиков в скором времени планирует выпустить тестовую дочернюю тему для WordPress, которая сделает реальной работу с плагином для большинства пользователей.

Ник Хэскинс, создатель движка, ранее являлся ведущим разработчиком ModernFarmer.com, где он объединил возможности повествования историй с созданием крупных, визуально привлекательных записей. Он создал Aesop Story Engine, чтобы облегчить создание красочных рассказов без необходимости написания кода. Плагин представляет собой полностью функциональную бету, и Хэскинс планирует узнать, есть ли интерес к данной особенности.

Мне кажется, Ник стоит на верном пути, предлагая новый инструмент, способный стать незаменимым для издателей. Газета New York Times недавно продемонстрировала прекрасное подтверждение данного тренда 2013: года интерактивных рассказов. Думаете ли вы, что такая тенденция будет продолжаться и в 2014 году? Стали бы вы использовать Aesop Story Engine на своем сайте или в проектах клиентов?

Источник: wptavern.com

Блог про WordPress
Комментарии: 4
  1. Волшебник

    Безусловно, это интересная штука для творчества.

    1. Дмитрий (автор)

      Видел как раз такой сайт с историями, в которых использовалось очень много визуальных элементов — у меня браузер долго думал, открывая все это (в Опере почему-то даже Flickr тормозит, хотя в Chrome открывается чуть ли не моментально). Красиво — да. Удобно — не думаю. Может это и тренд, но тренд достаточно спорный.

  2. Волшебник

    Подобный подход использовался например на оффициальных сайтах фильмов. Меня заинтересовало как сделать самому нечто подобное.

    http://www.melancholiathemovie.com
    http://www.nymphomaniacthemovie.com

    Возможно там использовалась какая-то параллакс тема. Но не факт… в общем это для творчества интересное поле для экспериментов.

  3. Анни

    Спасибо за пост! Сейчас бьюсь с этим плагином — не хочет он с моей темой пока корректно работать (

Добавить комментарий для Анни Отменить ответ

Получать новые комментарии по электронной почте.