Как создать красивый длинный контент в WordPress с помощью StoryBuilder

Недавно один из наших читателей спросил, можно ли создать красивый длинный контент в WordPress? Контент в длинной форме с элементами повествования...

Недавно один из наших читателей спросил, можно ли создать красивый длинный контент в WordPress? Контент в длинной форме с элементами повествования оказался более привлекательным, чем простой текст и изображения. В этой статье мы покажем вам, как создать красивый длинный контент в WordPress с помощью StoryBuilder.

Почему стоит использовать StoryBuilder для длинных статей в WordPress?

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

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

Снегопад от New York Times был первым подобным рассказом в Интернете

Как добиться идеальной верстки с помощью плагина WP Pixel Perfect

Вот некоторые из лучших примеров длинных форм контента с богатыми элементами повествования.

  • New York Times — Путешествие по новому шелковому пути
  • Washington Post — Washington — A World Apart
  • The Guardian — Firestorm
  • Pitchfork — Machines for Life

Все эти статьи в длинной форме имеют схожие черты отличного повествования. Они используют иммерсивные медиа, параллакс-эффекты и интерактивные элементы пользовательского интерфейса для создания увлекательного контента.

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

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

Создание первого длинного рассказа с помощью StoryBuilder

Первое, что вам нужно сделать, это установить и активировать плагин Press75 Long Form Storybuilder. Для более подробной информации смотрите наше пошаговое руководство по установке плагина WordPress.

После активации необходимо создать новый пост или страницу. Вы заметите новый мета-блок ‘Enable Long Form Content’ на экране редактирования поста.

Включить длинные формы контента

Вам нужно установить флажок рядом с опцией ‘Display as Long Form Content’ и затем нажать на кнопку сохранения черновика.

WordPress перезагрузит страницу, и вы увидите уведомление о том, что содержание в длинной форме включено для страницы или поста. Вместо редактора постов вы увидите кнопку с надписью «Редактировать мою страницу с длинноформатным содержимым».

Запустите редактор контента длинной формы

Нажмите на кнопку, чтобы запустить редактор содержимого длинной формы.

В новом окне браузера откроется ваша текущая страница в настройщике темы WordPress.

В правой панели будут показаны основные инструкции по использованию StoryBuilder. Эти указания исчезнут, как только вы начнете редактировать страницу.

Левая панель содержит элементы управления Customizer, включая те, которые используются для редактирования вашей темы WordPress. Вы заметите две опции в элементах управления Customizer, которые выделены цветом.

Опции редактора содержимого длинной формы в настройщике

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

Здесь также можно выбрать шрифты, которые вы хотите использовать на странице.

Параметры страницы

После этого нажмите на стрелку назад рядом с заголовком «Параметры страницы» в левой панели.

Теперь вы можете перейти на вкладку ‘Разделы страниц длинного формата’, чтобы начать создавать контент длинной формы.

На следующей вкладке нажмите на кнопку Добавить разделы. Откроется еще одна вкладка со списком разделов, которые вы можете добавить на свою страницу.

Добавление разделов к содержимому

Щелчок по разделу добавит его на страницу. Вы увидите настройки для редактирования этого раздела.

Каждый раздел имеет свои настройки. Например, в разделе «Заголовок» вам нужно указать название раздела, изображение, текст для отображения в качестве основного заголовка и подзаголовок.

Редактирование разделов

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

Все разделы появятся на левой панели. Вы можете изменить их расположение с помощью перетаскивания.

Если вы хотите удалить раздел, просто нажмите на него, а затем нажмите на ссылку Удалить в нижней части настроек раздела.

Удалить разделы

Вот список разделов, которые в настоящее время доступны в StoryBuilder.

  • Меню навигации — Позволяет добавить меню навигации к вашей истории. Вы можете использовать существующее навигационное меню или создать пользовательское меню.
  • Callout — Секция призыва во всю ширину страницы с цветным фоном. В качестве фона используется основной цвет, выбранный в Параметрах страницы.
  • Содержание — Область содержания с одной колонкой
  • Область содержания с двумя колонками
  • Трехколоночная область контента
  • Полная функция — Позволяет добавить изображение во всю ширину страницы с эффектом параллакса, заголовок, подзаголовок и содержание.
  • Заголовок раздела — Добавляет строку заголовка раздела

Разделы области содержания подобны редактору постов WordPress. Вы можете вставлять видео, изображения, блочные кавычки, вставлять твиты или посты в Facebook (признана экстремистской организацией на территории РФ).

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

Как только вы добавили несколько разделов на свою страницу, нажмите на кнопку Save & Publish в верхней части страницы. Даже если на кнопке написано «Опубликовать», ваша страница все равно будет сохранена как черновик.

Сохранение изменений и выход из кастомайзера

Вы должны выйти из настройки, нажав на кнопку закрытия.

Это вернет вас на экран редактирования сообщения WordPress, где вы можете выбрать публикацию страницы или сохранение сообщения в виде черновика.

Публикация вашего длинного контента

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

Источник: www.wpbeginner.com

Оцените статью
Добавить комментарий