На главной странице блога вы можете разместить слайдер с анонсами ваших статей. Для слайдера есть четыре стильных варианта дизайна, каждый из которых можно настроить под оформление своего блога:
|
Настройки слайдера позволяют:
- добавить заголовок и описание каждого слайда;
- сделать слайды ссылкой на статьи и другие разделы сайта;
- задать прозрачность фото слайдера и цвет кнопок пролистывания.
Как настроить слайдер на странице блога:
Шаг 1. Перейдите в раздел Настройки -> Слайдер для своего блога в системе управления:
Шаг 2. Загрузите фото в слайдер:
Шаг 3. Вы можете добавить Заголовок и Описание для любого фото слайдера. Данный текст будет отображаться на или под фото в слайдере (в зависимости от выбранного вида слайдера в настройках):
Шаг 4. Для фото вы можете задать ссылку на запись вашего блога (выбрав заголовок нужной записи из выпадающего списка) или прописать ссылку вручную на любую другую страницу вашего либо стороннего сайта:
Шаг 5. Здесь вы также можете выбрать любой из 4 вариантов дизайнов слайдера:
|
Вид 1
Изображения занимают всю область слайдера (растягиваются на всю ширину слайдера). Ширину и высоту слайдера вы можете задать в Дизайн-редакторе. Слайдер будет отображаться следующим образом:
Вид 2.
Изображения отображаются полностью, сохраняя свои пропорции. Текст на фото отображается по центру на фоне. Цветовые настройки текста, фона и оформление слайдера вы можете задать в Дизайн-редакторе. Слайдер будет отображаться следующим образом:
Изображения в этом слайдере только квадратные. Текст всегда располагается под фото. Вы можете задать расстояния между слайдами, цветовое оформление текста в Дизайн-редакторе. Слайдер будет отображаться следующим образом:
Фото отображаются полностью. Текст на фоне всегда располагается вверху слайдера. Высота фона под текстом на всех фото определяется высотой наибольшего текста (количеством строк) на каком-либо фото в слайдере.
Вы можете задать расстояние между фото, высоту и ширину, цветовые настройки и оформление слайдера в Дизайн-редакторе. Слайдер будет отображаться следующим образом:
Шаг 6. Перейдите в дизайн-редактор и настройте оформление слайдера на сайте:
ВАЖНО: в мобильной версии сайта на фото в слайдере отображается только заголовок, текстовое описание не отображается.