Как работать с элементами сайта

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

Знакомство с элементами сайта

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

Блок

Блок — это элемент, в который можно добавлять все остальные элементы, объединенные в одном стиле. Вы можете его использовать, чтобы систематизировать контент по типу его назначения. К примеру, в одном блоке вы можете разместить меню, а в другом — информацию про возможности вашей компании.

Чтобы добавить новый блок, наведите на верхнюю или нижнюю границу блока и нажмите + (Добавить блок).

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

Секция

Секция позволяет размещать новый ряд колонок в одном блоке. Чтобы ее добавить, наведите на нижнюю линию под колонками или верхнюю над колонками и нажмите + (Добавить секцию).

С помощью этого элемента вы можете только добавлять новый ряд колонок в блоке, но не настраивать ее внешний вид, копировать или удалять. Нужно работать с каждой колонкой отдельно.

Колонка

Колонка позволяет размещать виджеты по вертикали. Вы можете добавить до 6 колонок в один ряд в каждой секции.

Чтобы добавить колонку, наведите на левую или правую границу элемента и нажмите + (Добавить колонку).

Виджет

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

К примеру, с помощью виджетов Текст, Кнопка и Картинка вы можете составить секцию про возможности сервиса, используя Форму или Чат-ботов, собрать подписчиков, благодаря Аккордеону ответить на частые вопросы пользователей, а с помощью виджета Оплаты создать интернет-магазин.

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

Чтобы добавить виджет, нажмите внутри колонки на значок + (Добавить виджет) и выберите виджет из панели.

Вы можете добавлять неограниченное количество виджетов в одну колонку.

Перемещение элементов сайта

Вы можете перетаскивать виджет внутри одной колонки по вертикали, перемещать его в другую колонку при размещении по горизонтали, а также перетягивать его в секцию (на другой ряд по вертикали) или блок.

Чтобы переместить элемент, наведите на него в правом верхнем углу, зажмите соответствующую иконку и переместите в нужное место.

Колонки вы можете перемещать по горизонтали в ряд или в другую секцию или блок по вертикали.

Блоки вы можете перемещать по вертикали вверх или вниз.

Копирование элементов сайта

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

Чтобы создать копию элемента, наведите на три точки в правом верхнем углу и выберите Копировать. Рядом с текущим элементом добавится новый элемент, который вы сможете перемещать на странице.

Вы можете копировать все элементы сайта со всем содержимым и настройками — блок, колонки и виджеты.

Копирование блоков

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

На текущую страницу

Чтобы создать копию элемента, наведите три точки в верхнем правом углу и выберите Копировать (Duplicate).

На другие страницы сайта

Чтобы скопировать созданный блок на другую страницу сайта, наведите на блок, нажмите три точки в верхнем правом углу, выберите Копировать на страницу (Copy to page) и выберите имя нужной страницы в модальном окне.

В библиотеку блоков

Вы можете сохранить часто используемый блок в библиотеку и добавлять его на текущую или другие страницы сайта. Для этого наведите на блок, нажмите три точки в верхнем правом углу и выберите Сохранить в галерею (Save to gallery).

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

Удаление элементов сайта

Вы можете удалять добавленные элементы сайта. Чтобы удалить блок или колонку, наведите на элемент в правом верхнем углу и выберите Удалить.

Чтобы удалить виджет, наведите на элемент в левом верхнем углу и выберите Удалить.

Скрытие блоков

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

Наведите правый верхний угол блока и нажмите Настройка блока (Block settings).

В поле Скрыть блок на (Hide blok on) выберите иконку для какой версии скрыть блок: десктопной или мобильной.

ID блока и виджета

Для каждого блока и виджета предусмотрен идентификатор (ID), который определяет элемент на странице. С его помощью вы можете:

*Чтобы прислать пользователю ссылку на нужный блок сайта, скопируйте ID блока и добавьте к ссылке на сайт с помощью знака #. Например, для ссылки на раздел с ID pricing_plans ссылка с якорем будет в виде https://sitepulse.com#pricing_plans.

Также для перехода к нужному блоку на сайте вы можете добавить его ID в виджет Меню с типом Якорь.

Чтобы скопировать ID, перейдите в настройки элемента и нажмите на его ID — название автоматически сохранится в буфер обмена.

Чтобы отредактировать ID, нажмите на значок карандаша. Для названия рекомендуется использовать латинские буквы и цифры без пробелов. Вы можете добавить до 256 символов. Также ID должен быть уникальным для всей страницы сайта.

    Оцените, насколько полезна статья "Как работать с элементами сайта"

    Оценка: 4 / 5

    Назад

    Как создать сайт

    Далее

    Как добавить страницу на сайт

    Популярное в нашем блоге

    Начните пользоваться сервисом SendPulse прямо сегодня