Landing pages cms: Простая CMS для Landing Page? — Хабр Q&A

Целевая страница | Руководство по CMS

Описание

Тип контента «Целевая страница» является отправной точкой для создания страниц с нуля, в отличие от использования клонируемого шаблона (например, «Маркетинг», «Начало»). Целевая страница имеет те же разделы, что и следующие клонируемые шаблоны: Маркетинг и Старт.

Целевая страница — это подходящий тип контента для домашних страниц и целевых страниц или страниц, используемых в маркетинговых или рекламных целях. Разделы, доступные на целевой странице, предлагают дополнительную визуальную привлекательность по сравнению с разделами, доступными на странице контента.

Доступные разделы заголовка

  • Заголовок — по умолчанию
    • Этот заголовок имеет заголовок с синим подчеркиванием.
  • Заголовок 1 — Основное изображение с текстовым полем
    • Этот заголовок содержит основное изображение во всю ширину и текстовое поле с дополнительной ссылкой. Выберите левую или правую ориентацию текста. Выберите один из трех цветов фона для текстового поля.
  • Заголовок 2 — Заголовок с 1-2 изображениями
    • Этот заголовок содержит заголовок и одно или два изображения. Расположение определяется количеством изображений.
  • Заголовок 3 — Текст выноски
    • Этот заголовок имеет заголовок в поле цвета светлого пара.
  • Заголовок 4 — Заголовок и текст
    • В этом заголовке есть заголовок и вводный абзац с тремя необязательными ссылками. Заголовок может быть как без засечек, так и без засечек.
  • Заголовок 5 — Заголовок с изображением/видео
    • Этот заголовок имеет короткий заголовок, который может располагаться сверху или снизу большой фотографии или видео.
  • Заголовок 8 — Большое изображение и введение
    • Заголовок имеет большое изображение и небольшой заголовок и текст с дополнительной ссылкой под изображением.
  • Заголовок 9 — Главное изображение с выемкой Intro
    • В заголовке есть основное изображение с небольшим заголовком и текстом с дополнительной ссылкой, вырезанной на изображении

Доступные разделы кузова

  • Основная часть 1 — Общее содержание
    • Этот универсальный раздел имеет несколько вложенных разделов. Он имеет раздел общего содержания с редактором WYSIWIG. Он может включать в себя аккордеоны, вкладки и изображения. Он также имеет дополнительную боковую панель со списком, текстом и блоком. Выберите левую или правую ориентацию боковой панели. Если боковая панель не используется, раздел располагается по центру.
  • Основная часть 2 — Заголовок и текст
    • В этом разделе есть заголовок и вступительный текст. Выберите один из вариантов шрифта заголовка с засечками и без засечек.
  • Основная часть 3 — цитата по запросу
    • В этом разделе есть ссылка по ссылке с изображением, именем и титулом цитируемого лица. Выберите параметры с выравниванием по центру или по левому краю.
  • Корпус 4 — Группа карт
    • В этом разделе содержится от одной до четырех карт. Каждая карточка включает заголовок, краткий текст, необязательное изображение и ссылку.
  • Тело 5 — Сбор статистических карточек
    • В этом разделе содержится от одной до четырех статистических карточек. Каждая карточка включает статистику, краткий текст и необязательную ссылку. Выберите один из нескольких цветов фона.
  • Основная часть 6 — Сбор статистики
    • В этом разделе представлена ​​группа из трех статистических данных с необязательным заголовком и короткой текстовой областью. Выберите кирпичный или ночной цвет статистики.
  • Корпус 7 — Изображение/Видео рядом
    • В этом разделе есть изображение или видео с заголовком и текстовой областью. Добавьте до трех необязательных ссылок. Выберите левое или правое выравнивание.
  • Корпус 10 — Разделитель
    • Эта секция используется для добавления разделительной линии между секциями. Выберите один из семи стилей разделителя и трех вариантов ширины разделителя.
  • Основная часть 14 — Кнопки
    • Этот раздел используется для добавления на страницу от одной до трех кнопок. Выберите один из многочисленных стилей кнопок.
  • Корпус 15 — Сетка кнопок
    • Этот раздел используется для добавления сетки кнопок от двух до шести больших кнопок.
  • CTA 1–1 Button
    • Этот раздел имеет полную ширину и содержит заголовок, подзаголовок, краткий текст и одну кнопку. Он имеет два варианта фона.
  • CTA 2 — 1–3 кнопки
    • Этот раздел имеет полную ширину и включает заголовок, краткий текст и от одной до трех кнопок. Выберите один из нескольких вариантов цвета фона. Кнопки доступны для всех цветовых вариантов. Ссылка доступна только для фона Steam Lightest.
  • CTA 3 — Карусель карточек с 1 по 3
    • Этот раздел представляет собой карусель карточек во всю ширину, содержащий от одной до трех карточек с заголовком, кратким текстом и значком ссылки. Выберите один из двух вариантов фона.
  • CTA 4 — Наложение изображения с кнопкой
    • Этот раздел представляет собой фотографию в полный рост с цветным наложением. Он включает заголовок и кнопку с необязательным кратким текстом. Выберите один из трех вариантов цветового наложения.
  • CTA 5 — кнопки с 1 по 2 со списком ссылок
    • Этот раздел имеет полную ширину с заголовком, кратким текстом, одной или двумя кнопками и списком ссылок. Выберите цвет фона озера или ночи.
  • CTA 6 — Социальные сети
    • Этот раздел имеет полную ширину с заголовком и ссылками на ваше присутствие в социальных сетях Facebook, Instagram, Twitter и YouTube. Выберите один из трех вариантов фона.
  • События 1
    • В этом разделе отображаются три столбца событий, импортированных из календаря KU, с заголовком и ссылкой для просмотра всех событий. Отображаются дата, название и описание события.
  • События 2
    • В этом разделе отображаются три столбца событий с изображениями, импортированными из календаря KU, с заголовком и ссылкой для просмотра всех событий. Дата, название и описание события отображаются вместе с изображением события.
  • События 3
    • В этом разделе отображаются два столбца событий, импортированных из календаря KU, с заголовком и ссылкой для просмотра всех событий. Отображаются дата, название и описание события.
  • Изображения 1 — базовые
    • В этом разделе используется одно или три изображения с необязательными подписями. Для отдельных изображений выберите одно из трех мест для подписи. Для двух изображений выберите симметричное или асимметричное отображение.
  • Изображения 2 — Изображение с текстовым полем и полосой
    • В этом разделе есть большое изображение и текстовое поле с фоновой полосой. Текстовое поле включает заголовок, краткий текст и необязательную ссылку. Выберите ориентацию изображения и цвет фона для текстового поля.
  • Изображения 3 — Вертикальное изображение и текст
    • В этом разделе есть большое вертикальное изображение с заголовком, кратким текстом и дополнительной ссылкой.
  • Изображения 4 — Тень изображения и текста
    • В этом разделе есть большое вертикальное изображение с тенью, которая появляется при прокрутке. Он включает заголовок, краткий текст и необязательную ссылку. Выберите один из нескольких цветов теней.
  • Изображения 5 — Коллекция изображений
    • В этом разделе есть карусель изображений с необязательными подписями, небольшим заголовком и текстом. Изображения можно посмотреть на странице галереи.
  • Изображения 7–2 изображения с текстом и полосой
    • В этом разделе есть два больших изображения, каждое с заголовком, текстом и дополнительной ссылкой поверх диагональной полосы.
  • Список 1 — Список ссылок
    • Этот раздел используется для создания краткого списка ссылок с заголовком.
  • Список 3 — список из двух столбцов
    • В этом разделе есть два столбца списков с заголовком, ссылками и кратким текстом. Необязательный заголовок доступен во втором столбце.
  • Список 5 — Список связанных ссылок
    • Этот раздел имеет заголовок и список связанных ссылок.

Как создать новую целевую страницу:

  1. Выбрать Содержимое
  2. Выбрать Добавить содержимое
  3. Выбрать Целевая страница
  4. Добавить разделы
  5. Сохранить

Подробные инструкции по разделам см. в документации по разделам.

Доступность

Весь контент на сайтах KU CMS должен соответствовать стандартам доступности. Информацию, в том числе рекомендации и передовой опыт, см. в разделе Специальные возможности.

Рекомендации и лучшие практики

  • Целевая страница — подходящий тип контента для домашних страниц и целевых страниц.
  • Целевая страница хорошо подходит для страниц, используемых в маркетинговых или рекламных целях.
  • Разделы, доступные на целевой странице, обеспечивают дополнительную визуальную привлекательность по сравнению с разделами, доступными на странице содержания.

Создавайте привлекательный контент с помощью редактора целевых страниц Enonic

Познакомьтесь с удобным и передовым редактором целевых страниц в безголовой CMS Enonic.

В настоящее время каждый, кто работает с цифровым контентом, ожидает интуитивно понятный визуальный интерфейс с возможностью перетаскивания мышью. Давно прошли те времена, когда HTML-страницы кодировались вручную для каждого фрагмента контента на вашем веб-сайте. Также ушли в прошлое ранние попытки предложить визуальную CMS с огромной сложностью и большим количеством кнопок и опций, чем звезд на ночном небе.

Content Studio — это визуальный пользовательский интерфейс безголовой CMS Enonic, который предоставляет современный веб-редактор со всем, что вы можете ожидать: гладкий и аккуратный визуальный дизайн, предварительный просмотр в контексте, древовидная структура контента, функции перетаскивания, адаптивный дизайн, WYSIWYG и высокая производительность.

В этом кратком руководстве мы покажем вам, как легко создать целевую страницу в Enonic.

Краткое введение в Content Studio

Content Studio состоит из двух рабочих областей — Content Navigator и Content Editor.

Content Navigator , также известный как «представление просмотра» или «сетка», — это место, где вы получаете обзор всего своего контента и систематизируете его. Здесь вы можете пользоваться такими функциями, как:

  • Древовидная навигация
  • Превью
  • Параметры для элементов содержимого:
    • Создать
    • Переместить
    • Дубликат
    • Сорт
    • Архивировать/удалить

Редактор контента , также известный как «представление редактирования», — это место, где вы фактически создаете сообщения в блоге, собираете целевые страницы и редактируете изображения. Это рабочее пространство имеет:

  • Визуальный конструктор страниц
  • Редактируемые формы
  • Компоненты
    • Макеты
    • Форматированный текст
    • Запчасти
    • Фрагменты

Как создать целевую страницу

Вот как создать целевую страницу с нуля в Content Studio:

  1. Выберите подходящее место в Content Navigator

  2. Создать новую целевую страницу, назначить отображаемое имя и сохранить

  3. Щелкните правой кнопкой мыши в редакторе/предварительном просмотре и выберите «настроить страницу»

  4. Щелкните правой кнопкой мыши и вставьте макет. Или: откройте контекстную панель в правом верхнем углу «Вставить» и перетащите макет

    .

  5. Выберите форму макета (2 столбца, 3 столбца и т. д.)

  6. Вставить компонент (часть, форматированный текст или фрагмент) в макет

  7. Редактировать компонент

  8. Изменить порядок компонентов и опубликовать страницу. Вуаля!

Читайте также: Адаптивное управление контентом в Enonic »

Что такое компоненты?

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

Макеты и детали

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

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

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

Макет может быть любой организацией элементов страницы, например, с одним, двумя, тремя или более столбцами. Компонент макета также позволяет настроить, например. цвет фона или относительный размер столбцов — макет с двумя столбцами может быть организован, например, как 50-50, 30-70 и т. д.

Не забудьте ознакомиться с нашей документацией Content Studio »

Фрагменты

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