Создание первого экрана с нуля
Первый экран - на многих сайтах используется только этот тип секции. Причина в том, что так вы передали основной смысл, который без лишних слов понятен посетителю, например, в ней говорится "Первый год обучения в школе английского языка - бесплатно!". Данной информации достаточно, чтобы посетитель понял какой продукт у вас и он уже будет иметь общие представления о нем. В результате он с больше вероятностью захочет вам позвонить или написать, чтобы уточнить какие-то детали.
Среди шаблонных секций вы можете выбрать уже готовый первый экран и просто изменить его под свои потребности. Подробнее о добавлении секций написано в инструкции "Создание страницы".
В этой инструкции мы создадим такую секцию с нуля и подберем все необходимые настройки у компонентов и секций так, чтобы она становилась похожей на шаблонную, но все же кое-что изменим.
Собираем секцию
1. Первой добавим шаблонную секцию, она будет служить примером, а за ней пустую секцию.
2. Теперь нужно понять, какие компоненты уже добавлены в шаблонную секцию. Для этого просто водим мышкой по секции и смотрим, какие названия присутствуют у компонентов.
В секции есть следующие компоненты
Первый компонент Колонка разделенный на три части:
- В левой части колонки компонент Иконка с текстом;
- В средней колонке компонент Текст;
- В правой колонке компонент Кнопка.
Второй компонент Колонка разделенный на две части:
- В левой колонка три простых компонента Текст и компонент Счетчик;
- В правой колонке компонент Блок и в нем компонент Форма.
3. Повторим структуру шаблонной секции добавляя компоненты в пустую.
4. Напишем в компонентах Текст тот же самый текст, что и в шаблоне. Можно сделать это несколькими способами:
- Продублировать компоненты Текст из шаблонной секции;
- Скопировать только текст и вставить его в новые компоненты;
- Написать текст вручную или скопировать только чистый текст, без стилей, задавая стили вручную.
5. Осталось настроить отображения секции и компонентов в ней. Для этого будем подсматривать какие параметры установлены в шаблонной секции и устанавливать в своей аналогичные.
6. Когда дизайн в новой секции стал точно таким же как в шаблонной, внесем в нее некоторые свои изменения:
- Растянем секцию по ширине экрана, для этого перейдем в настройки секции и выберем вкладку ”Параметры”, на ней поставим галочку возле пункта ”Растянуть по ширине экрана”;
- Для второго компонента Колонки добавим компонент Ограничитель ширины, чтобы ширина оставалась такой же, как в шаблонной секции;
- Также добавим растягивание по высоте экрана, чтобы секция на любом экране всегда была полной и уберем отступы снизу и сверху;
- Изменим цвет фона и включим движущиеся частицы подобрав подходящие параметры отображения частиц.
7. Чтобы посетитель сайта мог видеть новую секцию, нужно повторно опубликовать страницу.
Ссылки на пример страницы в редакторе и на опубликованный вариант.
