Раздел Icon Library в конструкторе сайтов Gridbox для Joomla представляет собой централизованное хранилище векторных иконок. Библиотека содержит обширную коллекцию предустановленных наборов иконок и предоставляет инструменты для загрузки собственных кастомных векторных пакетов, позволяя оформлять кнопки, меню, списки преимуществ и инфографику в едином стиле без потери качества на экранах Retina.
1. Доступ и просмотр библиотеки иконок (Accessing and Viewing Icon Library)
Открыть библиотеку иконок в Gridbox можно несколькими способами:
- ■ Через панель инструментов редактора: В верхнем меню выберите Tools ➝ Icon Library для общего просмотра и управления иконками сайта.
- ■ Через выбор иконки в плагинах: При клике на поле выбора иконки в настройках любого плагина (Icon, Button, Feature Box, Menu и др.) автоматически открывается модальное окно библиотеки с живым поиском по названиям и фильтрацией по категориям.
2. Загрузка пользовательских иконок (Uploading Custom Icons)
Если стандартных библиотек недостаточно, Gridbox позволяет загружать собственные наборы иконок. Пользовательские иконки подготавливаются в виде веб-шрифта через специализированные генераторы (например, сервис IcoMoon App) и загружаются в виде ZIP-архива:
- 1. В окне Icon Library нажмите кнопку Upload Icons (Загрузить иконки).
- 2. В диалоговом окне укажите название группы иконок (Group Title).
- 3. Выберите подготовленный ZIP-архив с иконочным шрифтом на вашем компьютере и нажмите Save.
- 4. Новая группа иконок мгновенно появится в списке доступных категорий и будет готова к использованию в верстке.
3. Удаление отдельных иконок (Deleting Icons)
Для оптимизации размера загружаемых стилевых файлов и поддержания порядка в интерфейсе вы можете удалять отдельные неиспользуемые иконки из ваших кастомных групп:
- ■ Точечная очистка: Наведите курсор на ненужную иконку внутри пользовательской группы и нажмите на появившуюся иконку Delete (Корзина). Иконка будет удалена из списка выбора.
4. Удаление групп иконок (Deleting Icons Group)
Если созданный ранее кастомный набор иконок больше не используется на сайте, вы можете удалить всю группу целиком:
- ■ Полное удаление набора: Перейдите во вкладку нужной пользовательской группы и нажмите на иконку Delete Group в заголовке панели. При подтверждении действия весь пакет иконок и связанные с ним файлы шрифтов будут удалены из системы.
5. Сводная таблица параметров и возможностей Icon Library
Полный перечень элементов управления и функционала библиотеки иконок:
| Инструмент / Функция | Описание и функциональное назначение | Тип / Формат |
|---|---|---|
| System Icon Packs | Предустановленные наборы векторных иконок (Font Awesome, Material Icons и др.), доступные сразу после установки. | Встроенная коллекция |
| Live Search | Строка быстрого поиска иконки по ее названию или ключевому слову. | Поле ввода |
| Upload Icons (ZIP) | Загрузка архива со сгенерированным пользовательским веб-шрифтом иконок (IcoMoon / Fontello). | ZIP-архив |
| Group Title | Имя пользовательской категории/набора для удобной группировки в списке библиотек. | Текстовое поле |
| Delete Single Icon | Удаление отдельной иконки из состава кастомной группы. | Иконка действия |
| Delete Group | Полное удаление пользовательского набора иконок со всеми связанными файлами с сервера. | Кнопка действия |
Иконки в Gridbox отображаются в векторном формате через шрифтовые глифы. Это означает, что они масштабируются до любого разрешения без потери четкости, поддерживают смену цвета через CSS-стили (включая Hover-эффекты и градиенты) и имеют минимальный вес файла.
При сборке сайта для клиента не загружай огромные архивы на тысячи иконок. Собери в сервисе IcoMoon только те 15–20 иконок, которые реально используются в дизайне проекта, и упакуй в ZIP. Это сократит вес подключаемого файла шрифта до пары килобайт и положительно скажется на скорости загрузки страниц.