Иконки и символы
Иконки в тексте уместны в нескольких случаях. Мы можем использовать их во врезках для привлечения внимания, замещать ими текст или показывать элементы интерфейса для описания шагов.
Иконка в акцентном блоке
Как вставлять иконку в акцентый блок. Добавляем в код ссылку на иконку или ее название: [Block | icon=название/ссылка].
Подробнее про акцентные блоки читайте в статье.
Иконка в тексте
В текст можно вставить макросом или через символы.
Через макрос
Используйте макрос , чтобы показать, как выглядит конкретный элемент в интерфейсе. Иконки в макросе черные, но им можно задать нужный цвет. Серую подложку можно отключить.
Полный вид макроса
Минимальный вид
Атрибуты
- icon — Название иконки или ссылка на нее. Берем иконки с сервера статики;
- style — Текст в маркере;
- description — Подпись под картинкой.
- color — Цвет иконки: английское название продукта либо hex-код в формате «#F0F0F0»;
- background — Цвет фона макроса: gray — серый, none — без фона;
- alt — Альтернативный текст у картинки.
- height — Высота в пикселях, отменяет ограничение 800 для скриншотов.
Если иконки нет на сервере статики, можно вставить в макрос картинку 16x16 px. Рекомендуем использовать для этого формат SVG, так как PNG может выглядеть мыльным. Не используйте иконки из интерфейсов в темной теме.
С помощью символов
Через текстовые символы можно вставлять, например:
- минус (−);
- плюс (+);
- стрелку (→);
Как вставлять иконку через символы. В текстовом документе выбираем «Вставка» → «Символ», переносим символ в админку вместе с текстом.