База знаний no-code платформы Taptop

Работа с готовыми блоками в Режиме клиента

Содержание
Как добавлять готовые блоки на страницу
Шаг 1. Откройте библиотеку и выберите блок
Шаг 2. Добавьте следующие блоки
Как управлять блоками на странице
Особенности работы с блоками
Работа с компонентами
Как автоматически сгенерировать сайт из готовых блоков

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

Все готовые блоки находятся в библиотеке TBlocks на левой панели редактора.

В библиотеке TBlocks содержится более 700 адаптивных блоков, которые можно использовать в разных разделах сайта: обложки, хедеры, меню, галереи, слайдеры, формы — всего более 30 категорий. Библиотека постоянно пополняется.

Как добавлять готовые блоки на страницу

Шаг 1. Откройте библиотеку и выберите блок

Кликните на библиотеку TBlocks на левой панели.

Библиотека готовых блоков TBlocks на левой панели

Библиотека готовых блоков TBlocks на левой панели

Выберите категорию (например, Шапки, Обложки, Преимущества).

Список категорий в библиотеке TBlocks

Список категорий в библиотеке TBlocks

Кликните на понравившийся блок или перетащите его на страницу.

Список блоков в выбранной категории

Список блоков в выбранной категории

Блок будет добавлен на страницу.

Выбранный блок добавлен на страницу

Выбранный блок добавлен на страницу

Шаг 2. Добавьте следующие блоки

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

BlockNote image

Снова выберите категорию и блок в библиотеке и добавьте на страницу.

Выбор блока в библиотеке

Выбор блока в библиотеке

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

Совет: чтобы вставить блок между двумя уже добавленными, используйте кнопку «+» между ними.

При выборе блока в левом верхнем углу холста отображается его название.

BlockNote image

Как управлять блоками на странице

При наведении на блок справа появляется панель управления блоком.

BlockNote image

С помощью панели управления можно:

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

Дублировать блок

Удалить блок

Копировать, вырезать и вставить блок (после текущего элемента)

Скрыть блок

Переименовать блок

Создать компонент из блока

Переместить блок вверх или вниз

Примечания:

Некоторые действия доступны через кнопку с тремя точками.

BlockNote image

Панель можно свернуть кнопкой «>» и развернуть обратно кнопкой «<».

BlockNote image
BlockNote image

Особенности работы с блоками

Блоки добавляются только вертикально (как целые секции).

Нельзя вкладывать один блок внутрь другого.

При перемещении блок перемещается между секциями.

Буфер копирования очищается после первой вставки блока.

Работа с компонентами

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

Если в блоке уже есть элемент, который является компонентом (например, сделанный в Режиме дизайнера), то такой блок нельзя сделать компонентом.

Как автоматически сгенерировать сайт из готовых блоков

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

В Панели управления нажмите кнопку Создать сайт.

BlockNote image

Выберите Пустой проект.

BlockNote image

В поп-апе введите название сайта и нажмите кнопку Создать сайт.

BlockNote image

Нажмите кнопку Сгенерировать лендинг

BlockNote image

Готово! На страницу автоматически добавятся типовые блоки: шапка, обложка, отзывы, форма заказа и оплатой, часто задаваемые вопросы и подвал. Вам остается только заменить контент и слегка подстроить стили под ваш бренд — и сайт полностью готов!
BlockNote image

Похожие статьи

Редактирование дизайна в Режиме клиента
Управление доступом к редактированию виджетов в Режиме клиента (из Режима дизайнера)
Редактирование контента в Режиме клиента
Что такое Режим клиента и как он работает