Статьи

Aesop Story Engine: пишите истории вместо кода

Я первый, кто это признал. Я определенно копирайтер, рассказчик, маркетолог контента в глубине души. В этом моя страсть. Я опоздал в мир WordPress, веб-разработки и HTML. Мне все еще намного удобнее в мире местоимений и прилагательных, чем в мире h1h2 Возможно, именно поэтому я так люблю WordPress; это позволяет не только техническим экспертам (таким как я) не только создавать, но и управлять веб-сайтами. Это делает Интернет более доступным для всех.

Итак, когда я наткнулся на Aesop Story Engine , можно сказать, что мой интерес был поднят. Казалось, словосочетание Aesop Story Engine было написано специально для меня: писать истории вместо кода.

В конце концов, я использую WordPress, чтобы рассказывать истории. И вот был плагин, обещающий превратить меня в современного фабулиста, плагин, который позволил бы мне сосредоточиться на написании прозы, а не на HTML. Конечно, это было слишком хорошо, чтобы быть правдой.

Что такое Aesop Story Engine?

Aesop Story Engine, когда все остальное убирается, бесплатный плагин для WordPress . Он состоит из тринадцати различных компонентов и инструментов, каждый из которых был разработан, чтобы дать веб-разработчикам (и авторам) возможность создавать темы WordPress специально для длинных рассказов.

Эзоп Компоненты

Итак, что именно эти тринадцать компонентов? Давайте посмотрим, есть:

  • Аудио : с помощью которого вы можете отобразить аудиоплеер с поддержкой MP3.
  • Видео : используйте его для всех типов видеофайлов, включая YouTube, Vimeo, Kickstarter и Blip.TV.
  • Главы : так что вы можете разбить свой длинный контент на, как вы уже догадались, главы, показывающие удобные точки прокрутки. Превращение старой школы в мягкой обложке с цифровыми функциями.
  • Содержимое : используйте этот компонент для форматирования содержимого — разбейте его на несколько столбцов, измените цвет фона или даже вставьте фоновое изображение.
  • Персонаж : вы можете оживить своих персонажей, отображая аватар, заголовок и даже краткую биографию каждого из ваших персонажей.
  • Цитата : для всех ваших потребностей. Вы можете настроить шрифт, цвет и фон в соответствии с вашими личными предпочтениями.
  • Параллакс : так же, как тема, это компонент полной ширины, который отображает движущийся лайтбокс и заголовок при прокрутке вашего сайта.
  • Изображение : отформатируйте ваши изображения, пока вы не будете удовлетворены. Измените их размер или положение. Выровнять или центрировать подписи. Вставьте лайтбокс.
  • Галерея : если компонент изображения не обладает достаточной функциональностью, возможно, стоит использовать Галерею. Создайте сетку, сложенные или миниатюрные галереи, в комплекте с подписями.
  • Расположение : если вы пишете новую «Игру престолов», возможно, вам подойдет интерактивная карта с маркерами с пользовательскими сообщениями. (Неужели Игра престолов проще, когда вы разберетесь с географией ?!)
  • Временная шкала : с помощью Aesop вы можете разбить свой длинный контент на хронологические разделы, что позволит читателям одним щелчком мыши перейти к определенной точке вашей истории.
  • Документы : на всякий случай, если вы хотите включить PDF или другой файл.
  • Коллекции : подобные теги, компонент Коллекции позволяет группировать истории одной и той же категории для отображения на любой странице вашего сайта.

Эзоп Компоненты

Когда я коснулся базы с Ником Хаскинсом, человеком за Эзопом и, по его словам,

Основные преимущества [которые предлагает Эзоп] — это дать вашим клиентам возможность выразить свои истории по-настоящему интерактивно, без необходимости писать какой-либо код самостоятельно. Эти компоненты могут быть полностью отредактированы в визуальном интерфейсе, без необходимости непосредственного редактирования шорткода WordPress. Еще одним важным преимуществом является то, что у нас есть довольно много участников для плагина, и на данный момент он действительно стабилизирован, чтобы стать стандартом де-факто в создании повествования с помощью WordPress,

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

Как работает Aesop Story Engine

Плагины Aesop загружают два отдельных файла в вашу установку WordPress:

  • Файл CSS, который контролирует все ваши основные стили
  • Файл JS, который запускает все 13 компонентов, упомянутых выше

После того как вы установили плагин Aesop, добавив эти два облегченных файла в конфигурацию WordPress, в редакторе сообщений WordPress появится новая кнопка: «Добавить компонент».

эзоп добавить компонент

При нажатии на эту кнопку откроется новое всплывающее окно, откуда вы можете вставить любой компонент, который вам нужен.

Это видео объясняет, как работает Aesop Story Engine, более подробно:

Разработка тем Aesop и WordPress

Aesop Story Engine позволяет пользователям вставлять компоненты, отображаемые в форме разметки HTML. К некоторым из этих компонентов применен базовый CSS, так что они презентабельны в большинстве тем WordPress. Тем не менее, большинство компонентов были разработаны так, что они полностью лишены разметки. Это было сделано, чтобы дать разработчикам свободу создавать, а не бороться с переопределением CSS.

Команда Aesop упростила удаление всего CSS и полную замену компонентов. Все, что вам нужно сделать, это вставить всю функцию в ваши дочерние темы functions.php. Aesop также имеет более 60 встроенных фильтров и действий, а это означает, что довольно сложно найти какую-либо функциональность, которая невозможна.

При этом, именно темы отвечают за то, как выглядят компоненты Aesop. Эзоп просто отвечает за работу компонентов. Подумайте об этом так: Эзоп дает вам все кирпичи; Вам решать, как построить дом.

Хотя эта настройка предоставляет исключительную свободу для разработчиков тем WordPress, это также означает, что для получения максимальной отдачи от Aesop вы должны знать, как использовать WordPress и как создавать темы WordPress.

Хотя не отчаивайтесь (я, как нетехнический руководитель, был удручен, когда тоже это обнаружил!), У Эзопа есть множество тем, из которых вы можете выбрать, если у вас нет ни времени, ни средств для постройки своих собственных.

Эзоп Темы

Теоретически, Aesop Story Engine можно использовать с любой темой WordPress. Есть только одна загвоздка: тема, которую вы выберете для использования вместе с Aesop, определит, как на самом деле будет отображаться и функционировать каждый из вышеперечисленных компонентов. Aesop выглядит и работает лучше всего, когда используется в сочетании с темами, разработанными и разработанными специально для его компонентов. Введите темы Эзопа.

В настоящее время доступно семь различных тем для использования вместе с Aesop Story Engine. Каждая тема может стоить 120 долларов, что делает их самыми дорогими темами WordPress на рынке (к счастью, сам плагин Aesop бесплатен!). Кроме того, темы Aesop имеют наименьшее количество параметров среди всех тем WordPress. Но пусть это вас не пугает: со всеми компонентами, предлагаемыми Aesop, функциональность не должна быть проблемой.

Эзоп Стори Двигатель Басня Тема

Эзоп Стори Двигатель Басня Тема

Темы включают в себя:

  • Fable : новейшая из всех тем Aesop, домашняя страница Fable автоматически устанавливает ваше последнее сообщение как супер-огромное изображение, а затем сетку старых постов. Или вы можете сделать любой пост «липким», сделав его постоянным изображением. С акцентом на образы, это отличная тема для визуально ориентированного рассказывания историй.
  • Зилот : далее у нас есть Зилот. Ценник в 120 долларов предоставляет вам доступ к теме, разработанной специально для новостных сайтов и сайтов участников. Это единственная тема Aesop, которая предлагает выбор как боковой панели, так и полноформатной публикации, которую можно устанавливать пост-за публикацией, предоставляя пользователям значительные возможности.
  • Novella : домашняя страница Novella представляет собой сложенную сетку. Вы можете использовать изображение или цветовой блок для каждой сетки. В последних обновлениях эта тема включает эффект прокрутки Parallax, который можно быстро и легко активировать.
  • Керуак : если вы ищете какое-то чудовищное совершенство, то Керуак вас покроет. Сообщения появляются в сетке, отображая изображения, которые когда-то зависали, переключаются на детали сообщений. Вы можете легко настроить цвета и шрифты, и он поддерживает все 13 компонентов.
  • Anderson : разработанный специально для персональных блоггеров, небольших новостных агентств и рассказчиков, Anderson имеет довольно простой и обтекаемый вид. Он свежий и чистый, с панелью меню слева и прокруткой сообщений справа. В зависимости от ваших потребностей, это может быть слишком просто, но это то, где все остальные темы приходят.
  • Йорген : достаточно интересно, что эта тема фактически зародилась как демо, чтобы проиллюстрировать мощь Aesop Story Engine в сочетании с темой, специально созданной для рассказывания историй. Реакция была глубокой: все хотели, чтобы демонстрация была доступна в качестве темы. Вот оно, в комплекте с сеткой и эффектами наведения.
  • Genji : первая в истории тема, созданная для Aesop Story Engine, довольно проста. Демонстрация четкая, чистая, белая и яркая, с небольшими круглыми шарами, иллюстрирующими каждый пост. В сообщениях доступно несколько вариантов форматирования: полноцветные изображения и цвета фона, которые можно легко изменить.

Эзоп Стори Двигатель Зилот Тема
The Aesop Story Двигатель Зилот Тема

Ник Хаскинс очень позитивно оценивает будущее развитие Эзопа,

Мы действительно начинаем наращивать усилия по внедрению Aesop Story Engine в сферу деятельности предприятия. Почти треть пользователей Aesop Story Engine — это школы и университеты, за которыми следят новостные организации на местном уровне.

Вердикт

Хотя Aesop не обязательно является подходящим плагином для каждого веб-сайта (особенно потому, что его функциональность ограничена темой, на которой работает ваш веб-сайт), он делает то, для чего был предназначен: улучшать контент в длинных формах. Его 13 компонентов дают вам больше гибкости и функциональности, обеспечивая более увлекательное и качественное повествование.