Как сделать слайдер на главной странице

Как сделать полноэкранный слайдер или добавить блок слайдера на главную страницу

Главная страница — имиджевая страница с вашими самыми красивыми и эмоциональными фотографиями. Вы можете сделать на ней баннер с фото или полноэкранный слайдер с фотографиями на весь экран или добавить блок «Слайдер», и разместить под ним текст. Рассмотрим каждый из вариантов.

Полноэкранный слайдер на главной странице

Вид в полной версии:

Вид в мобильной версии:

Пошагово разберем, как это сделать:

  • Перейдите в раздел Страницы, нажмите на кнопку Добавить на сайт и выберите пункт Страница-заставка.

  • В появившемся окне введите название страницы (например, «Главная») и нажмите «Добавить».

  • Страница создана. Теперь нажмите на кнопку Загрузить фотографии, чтобы добавить фотографии для отображения на компьютере и мобильном телефоне.

Имейте ввиду, что у всех посетителей разные мониторы — поэтому, при полноэкранном слайдере, часть фотографии будет обрезана в любом случае. Большинство мониторов имеет соотношение сторон близкое к 16:9, а мобильные телефоны — близкое к 21:9. Мы рекомендуем подбирать фотографии близкого формата с шириной не менее 2560px и высотой не менее 1920px.

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

  • Затем выберите вариант отображения слайдера в мобильной версии сайта. Загрузите логотип для отображения поверх фотографий и произведите настройку внешнего вида вашего слайдера.

  • Сделайте эту страницу главной страницей сайта по этой инструкции.

Полноэкранный слайдер с блоками снизу

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

Смотрите в видео, как это сделать:

Не полноэкранный слайдер на главной странице

Чтобы сделать слайдер не на полный экран вы можете использовать блок Слайдер или Слайдер-лента.

Слева — блок Слайдер, справа — блок Слайдер-лента.

Чтобы создать страницу со слайдером и текстом:

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

  • В появившемся окне введите название страницы (например, «Главная») и нажмите «Добавить».

  • При наполнении страницы выберите пункт Составить самостоятельно.

  • В появившемся окне выберите вкладку Слайдеры и добавьте подходящий блок — Слайдер или Слайдер-лента.

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

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

  • Если вы хотите сделать разные слайдеры для полной и мобильной версии сайта, то добавьте еще один аналогичный блок «Слайдер» и настройте отображение этих слайдеров для разных устройств. Подробная инструкция, как скрыть отображение блока в полной или мобильной версии:

  • После слайдера вы можете добавить любой блок, например, блок с текстом. Для этого при редактировании страницы нажмите на круглую кнопку «+» (Добавить блок) и, в появившемся окне на вкладке Текст, выберите подходящий вариант блока.