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

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

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

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

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

 

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

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

 

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

 

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

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

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

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

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

 

 

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

  • Продублировать виджеты "Текст" из шаблонной секции;

 

 

  • Скопировать только текст и вставить его в новые виджеты;

 

 

  • Написать текст вручную или скопировать только чистый текст, без стилей, задавая стили вручную.

 

 

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

 

 

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

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

 

 

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

ТЕХНИЧЕСКАЯ ПОДДЕРЖКА

Не можете найти то, что ищете?

Напишите нам. на связи 24/7. Среднее время ожидания ответа: 10-15 минут. Также вы можете вступить в наш Телеграм-чат, где собралось много специалистов и пользователей.

Поддержка Creatium

Агенты ответят через 10 минут

Агенты ответят

Блог, курсы и полезные материалы 

Платформа сайтов любой сложности