Библиотеки компонентов
Библиотека — это набор компонентов из ваших проектов, проектов вашей команды или проектов маркетплейса. Компонент библиотеки содержит в себе элемент или группу элементов, стилизованных автором. Компонент может быть с одинаковым дизайном или структурой. Например, шапка или подвал сайта, блок с услугами или преимуществами.
Объединяя компоненты в библиотеку, вы можете повторно использовать уже созданные блоки в других проектах.
Подробнее про компоненты прочитайте по ссылке.
Вы можете использовать уже готовую библиотеку или создать свою собственную.
Зачем нужны библиотеки?
Библиотеки нужны, чтобы упростить и ускорить процесс создания уникального сайта. Достаточно выбрать нужные компоненты, разместить их на холсте, заменить изображения, цвета, наполнить контентом — фотографиями, текстами, настроить переходы между страницами и на сторонние ресурсы, например, в соцсети.
Когда вы создаёте проект, его компоненты можно объединять в библиотеку, чтобы ускорить работу над последующими сайтами, переиспользуя компоненты. Например, создать основные блоки сайта — шапку, подвал, блок с услугами.
Созданную библиотеку также смогут использовать участники вашей команды.
Встроенные библиотеки от команды Taptop
Библиотеки, созданные командой Taptop, подключаются автоматически. Они отображаются в каждом проекте на вкладке Компоненты в разделе Библиотеки.
Библиотеки, созданные командой Taptop, обновляются и дорабатываются. Например, в них могут быть добавлены новые компоненты. Автоматически обновлённая версия будет доступна для вновь созданной команды и её проектов.
Если команда вашего проекта создавалась раньше, вы можете обновить библиотеку вручную. Проверьте, нужно ли обновлять Библиотеку.
Если в Библиотеке есть обновления, вы увидите синюю точку на кнопке с изображением книги в правом верхнем углу вкладки Компоненты.
Раскройте панель управления Библиотеками и загрузите обновления. Для этого нажмите на кнопку «Загрузить обновления».
Готово! Обновлённая версия библиотеки доступна для использования. Достаточно обновить библиотеку в одном проекте, чтобы новая версия стала доступна во всех проектах команды.
Библиотеки команды
Создание собственной библиотеки
Добавить новую библиотеку может любой пользователь. Работая над сайтом, создайте из нужных элементов компоненты, а затем объедините их в библиотеку.
- Перейдите в раздел Библиотеки, нажав на значок с изображением книги в верхнем правом углу на вкладке Компоненты.
- Нажмите кнопку «Создать библиотеку».
Будет создана библиотека с названием как у проекта.
Если после создания библиотеки, вы добавите новые, удалите или измените уже созданные компоненты, их можно обновить в уже созданной библиотеке.
Изменение созданной библиотеки
Предварительно внесите изменения в компоненты проекта, для которого хотите обновить библиотеку.
После этого вы сможете посмотреть, какие изменения были внесены в компоненты, нажав на кнопку «Показать изменения».
Выберите блоки, которые хотите обновить в библиотеке, и нажмите «Опубликовать».
Пока изменения не сохранены, рядом с названием библиотеки отображается жёлтая иконка-предупреждение.
После сохранения изменений, отобразится статус «Все изменения сохранены», а рядом с названием библиотеки вы увидите зелёную галочку.
Если Библиотека уже опубликована для команды в настройках проекта, то изменения станут доступны после её обновления в проекте.
Переопубликовывать библиотеку не нужно.
Категории компонентов в библиотеке
Для удобства компоненты в библиотеке можно сгруппировать по категориям. Группировка понадобится, если вы добавляете несколько компонентов с одинаковой функцией. Например, шапки или подвал сайта,
блок о компании, преимущества.
Чтобы задать категорию, введите её в названии компонента. Оно должно состоять из двух частей, разделённых знаком «/». Первая часть — категория, вторая название самого компонента. Например, Footer/Main Footer.
Переименуйте компоненты на вкладки Слои или кликнув правой кнопкой мыши на название компонента и нажав Переименовать.
Публикация библиотеки на команду
Чтобы библиотека, созданная в одном из проектов, была доступна и в других, опубликуйте её в настройках текущего проекта. Для этого перейдите на Панель управления и в меню «Шаблоны» настроек проекта переведите свитчер в положение «Включено».
Опубликовать библиотеку на команду может Владелец или Администратор. Подробнее про типы доступов в команды прочитайте по ссылке.
Подключение библиотек команды к проекту
Необязательно использовать все компоненты одной библиотеки или только одну библиотеку. Вы можете подключить к проекту несколько библиотек и выборочно использовать компоненты из разных.
Библиотеки, созданные командой, нужно включить вручную.
1. Откройте проект, в котором нужно подключить библиотеку, и перейдите в раздел Библиотеки, нажав на значок с изображением книги в верхнем правом углу на вкладке Компоненты.
Вы увидите список библиотек, доступных для подключения.
Перед подключением библиотеки к проекту, вы можете посмотреть, какие компоненты в неё входят. Для этого нажмите «Показать» в строке выбранной библиотеки.
-
Чтобы подключить библиотеку, переведите свитчер в положение «Включено».
Готово! Теперь библиотека отобразится на вкладке Компоненты в разделе Библиотеки и доступна для использования.
Добавление компонентов Библиотеки на Холст
Чтобы использовать компонент библиотеки в проекте, перенесите его на Холст.
Библиотека предварительно должна быть подключена к проекту.
- На вкладке Компоненты в разделе Библиотеки кликните по нужной, чтобы раскрыть список её компонентов.
- Выберите компонент и переместите его на хост. Это можно сделать двумя способами:
-
Перетаскиванием компонента в нужную область Холста.
Для этого зажмите компонент и с помощью мышки перетащите в нужное место.
-
Кликом по компоненту. Для этого выберите слой, на который хотите поместить компонент и кликните по выбранному компоненту.
Выбрать слой можно кликом по нему на Холсте или панели Слоёв.
Как скрыть неиспользуемые библиотеки?
Если какая-то библиотека больше не нужна, скройте её на вкладке Компоненты проекта. Это может быть удобно, если вы взяли все нужные компоненты из библиотеки и больше не планируете использовать её в проекте.
При необходимости библиотеку всегда можно повторно подключить к проекту.
Для скрытия библиотеки, переведите свитчер в положение «отключено».