Skip to main content

Первый экран - вариант 1

Блоки

Описание секции​

Секция предназначена для вывода основной ключевой информации в первом экране сайта.

tip

Секция приоритетно используется в первом экране сайта и рекомендуется размещать её самой первой на странице.

Принцип работы​

Если секция размещена первой (перед ней нет других секций):

  • она заполняет весь первый экран;
  • шапка сайта становится прозрачной и визуально «нависает» над секцией, создавая эффект наложения.

Если секция размещена не первой:

  • эффект наложения шапки не применяется;
  • секция ведёт себя как обычная секция страницы.

Настройки блока​

Автоматическая прокрутка​

Включает автоматическую прокрутку слайдов. Если слайдов больше одного, они будут автоматически переключаться по кругу.

Слайды​

Можно добавить неограниченное количество слайдов.

note

Если добавлен только один слайд, элементы навигации не отображаются.

Настройки конкретного слайда​

Каждый слайд имеет индивидуальные настройки.

Инверсия цвета​

Параметр инверсии цвета используется для улучшения читаемости текста.

info

Рекомендуется включать инверсию, если фоновое изображение слишком тёмное или светлое.

Фоновое изображение​

Для каждого слайда можно задать фоновое изображение.

Рекомендуется использовать:

  • изображения горизонтальной ориентации;
  • изображения с градиентом;
  • однотонные изображения или фоны.
note

Совет: экспериментируйте с фонами для достижения наилучшего визуального эффекта.

Фото персонажа​

Опционально можно добавить фото персонажа.

  • Рекомендуется использовать изображения с прозрачным фоном.
  • Предпочтительные форматы: WebP (рекомендуется) или PNG.

Затемнение фона​

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

Контент слайда​

Опционально можно задать:

  • Заголовок (опционально в тексте можно делать выделения).
  • Описание (опционально в тексте можно делать выделения).
  • Ссылку и текст ссылки

Управление слайдами​

Слайды можно:

  • Сортировать (менять порядок отображения);
  • Удалять;
  • Изменять или удалять изображения после добавления.

Переопределение шаблона​

Полезно

Если есть необходимость изменить шаблон вывода блока/секции или внести другие изменения, скопируйте файл из плагина hq-pages-pro: hq-pages-pro/templates/blocks/block-hq-first-section-1.php в дочернюю тему hq-pages-child/templates/blocks/block-hq-first-section-1.php.

После этого вы сможете вносить изменения в шаблон вывода (в дочерней теме) без риска потерять их при обновлении основной темы.

Правильное расположение файла для переопределения​

hq-pages-child/
├── templates/
│   └── blocks/
│       └── block-hq-first-section-1.php
warning

Тема активно развивается. Если на странице отсутствует описание какой-либо опции, напишите нам: t.me/xeqtr_zhg.