Быстрый старт

Библиотеки компонентов

20min

Библиотека — это набор компонентов из ваших проектов, проектов вашей команды или проектов маркетплейса. Компонент библиотеки содержит в себе элемент или группу элементов, стилизованных автором. Компонент может быть с одинаковым дизайном или структорой. Например, шапка или подвал сайта, блок с услугами или преимуществами.

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

Подробнее про компоненты прочитайте по ссылке.

Вы можете использовать уже готовую библиотеку, или создать свою собственную.

Зачем нужны библиотеки?

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

Когда вы создаёте проект, его компоненты можно объединять в библиотеку, чтобы ускорить работу под последующими сайтами, переиспользуя компоненты. Например, создать основные блоки сайта — шапку, подвал, блок с услугами.

Созданную библиотеку также смогут использовать участники вашей команды.

Подключение библиотек команды

Библиотеки, как и Компоненты, расположены на вкладке Ресурсы левой панели Редактора дизайна.

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

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

Библиотеки от команды Taptop

Библиотеки, созданные командой Taptop подключаются автоматически.

Вкладка Ресурсы: вид «по умолчанию»
Вкладка Ресурсы: вид «по умолчанию»


Библиотеки, созданные командой Taptop, обновляются и дорабатываются. Например, в них могут быть добавлены новые компоненты. Автоматически обновлённая версия будет доступна для вновь созданной команды и её проектов.

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

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

Document image


Раскройте панель управления Библиотеками и загрузите обновления. Для этого нажмите на кнопку «Загрузить обновления».

Document image


Готово! Обновлённая версия библиотеки доступна для использования. Достаточно обновить библиотеку в одном проекте, чтобы новая версия стала доступна во всех проектах команды.

Библиотеки команды

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

Перейдя в панель управления вкладки Ресурсы, вы увидите список библиотек доступных для отображения.

Доступна «Библиотека команды»
Доступна «Библиотека команды»


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

Чтобы подключить библиотеку, переведите свитчер в положение «Включено».

Подключение библиотеки к проекту
Подключение библиотеки к проекту

«Библиотека команды»  подключена к проекту
«Библиотека команды» подключена к проекту


Готово! Теперь библиотека отобразится на вкладке Ресурсы в разделе Библиотеки и доступна для использования.

Добавление компонентов Библиотеки на Холст

Чтобы использовать компонент библиотеки в проекте, перенесите его на Холст.

Библиотека предварительно должна быть подключена к проекту.

На панели Ресурсы в разделе Библиотеки кликните по нужной, чтобы раскрыть список её компонентов;

Document image


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

  • Перетаскиванием компонента в нужную область Холста. Для этого зажмите компонент и с помощью мышки перетащите в нужное место;
  • Кликом по компоненту. Для этого выберите слой, на который хотите поместить компонент и кликните по выбранному компоненту. Выбрать слой можно кликом по нему на Холсте или панели Слоёв.

Как скрыть неиспользуемые библиотеки?

Если какая-то библиотека больше не нужна, скройте её на панели Ресурсы проекта. Это может быть удобно, если вы взяли все нужные компоненты из библиотеки и больше не планируете использовать её в проекте.

При необходимости библиотеку всегда можно повторно подключить к проекту.

Для скрытия библиотеки, переведите свитчер в положение «отключено».

Отключенная от проекта библиотека
Отключенная от проекта библиотека


Создание собственной библиотеки

Добавить новую библиотеку может любой пользователь. Работая над сайтом, создайте из нужных элементов компоненты, а затем объедините их в библиотеку. Для этого достаточно в разделе «Библиотека проекта» нажать на кнопку «Создать библиотеку». Название библиотеки будет соответствовать названию проекта.

Document image


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

Изменение созданной библиотеки

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

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

Document image


Выберите блоки, которые хотите обновить в библиотеке, и нажмте «Опубликовать».



Сохранение изменений в библиотек
Сохранение изменений в библиотек


Пока изменения не сохранены, рядом с названием библиотеки отображается жёлтая иконка-предупреждение.

После сохранения изменений, отобразится статус «Все изменения сохранены», а рядом с названием библиотеки вы увидите зелёную галочка.

Изменения в библиотеке сохранены
Изменения в библиотеке сохранены


Если Библиотека уже опубликована для команды в настройках проекта, то изменения станут доступны после её обновления в проекте.

Переопубликовывать библиотеку не нужно.

Категории компонентов в Библиотеке

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

Группировка компонентов библиотеки по категориям
Группировка компонентов библиотеки по категориям


Чтобы задать категорию, введите её в названии компонента. Оно должно состоять из двух частей, разделённых знаком «/». Первая часть — категория, вторая название самого компонента.

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



Document image


Публикация библиотеки на команду

Чтобы библиотека, созданная в одном из проектов, была доступна и в других , опубликуйте её в настройках текущего проекта. Для этого перейдите на Панель управления и в меню «Шаблоны» настроек проекта переведите свитчер в положение «Включено».

Библиотека не опубликована и не доступна Команде
Библиотека не опубликована и не доступна Команде

Библиотека опубликована и доступна во всех проектах Команды
Библиотека опубликована и доступна во всех проектах Команды


Опубликовать библиотеку на команду может Владелец или Администратор. Подробнее про типы доступов в команды прочитайте по ссылке.