📋

Создание первого экрана с нуля

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

Среди шаблонных секций вы можете выбрать уже готовый первый экран и просто изменить его под свои потребности. Подробнее о добавлении секций написано в инструкции "Создание страницы".

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

Собираем секцию

1. Первой добавим шаблонную секцию, она будет служить примером, а за ней пустую секцию.

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

В секции есть следующие виджеты

Первый виджет "Колонка" разделенный на три части:

  • В левой части колонки виджет "Иконка с текстом";
  • В средней колонке виджет "Текст";
  • В правой колонке виджет "Кнопка".

Второй виджет "Колонка" разделенный на две части:

  • В левой колонка три простых виджета "Текст" и виджет "Счетчик";
  • В правой колонке виджет "Блок" и в нем виджет "Форма".

3. Повторим структуру шаблонной секции добавляя виджеты в пустую.

4. Напишем в виджетах "Текст" тот же самый текст, что и в шаблоне. Можно сделать это несколькими способами:

  • Продублировать виджеты "Текст" из шаблонной секции;
  • Скопировать только текст и вставить его в новые виджеты;
  • Написать текст вручную или скопировать только чистый текст, без стилей, задавая стили вручную.

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

6. Когда дизайн в новой секции стал точно таким же как в шаблонной, внесем в нее некоторые свои изменения:

  • Растянем секцию по ширине экрана, для этого перейдем в настройки секции и выберем вкладку ”Параметры”, на ней поставим галочку возле пункта ”Растянуть по ширине экрана”;
  • Для второго виджета ”Колонки” добавим виджет ”Ограничитель ширины”, чтобы ширина оставалась такой же, как в шаблонной секции;
  • Также добавим растягивание по высоте экрана, чтобы секция на любом экране всегда была полной и уберем отступы снизу и сверху;
  • Изменим цвет фона и включим движущиеся частицы подобрав подходящие параметры отображения частиц.

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

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