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

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

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

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

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

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

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

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

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

Встроенные библиотеки от команды Taptop

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

Встроенные библиотеки

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

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

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

В библиотеке есть обновления

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

Нажмите кнопку «Загрузить обновления»

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

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

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

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

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

Переход к разделу Библиотеки

  1. Нажмите кнопку «Создать библиотеку».

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

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

Библиотека создана

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

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

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

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

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

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

Опубликовать изменения

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

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

Изменения опубликованы

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

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

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

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

блок о компании, преимущества.

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

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

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

Переименование компонента

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

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

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

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

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

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

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

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

Переход к разделу Библиотеки

Вы увидите список библиотек, доступных для подключения.

Библиотеки, доступные для подключения

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

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

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

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

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

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

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

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

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

Компоненты библиотеки

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

  • Перетаскиванием компонента в нужную область Холста.

    Для этого зажмите компонент и с помощью мышки перетащите в нужное место.

Перетаскивание компонента на холст

  • Кликом по компоненту. Для этого выберите слой, на который хотите поместить компонент и кликните по выбранному компоненту.

    Выбрать слой можно кликом по нему на Холсте или панели Слоёв.

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

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

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

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

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