Как поставить иконку на шаблон MODx Revo?

С недавнего времени шаблонам MODx Revo стало возможно присваивать иконки, что облегчает навигацию по дереву ресурсов. Можете сравнить две версии одного и того же, с иконками и без:

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

Иконки в MODx Revo – это иконки FontAwesome, поэтому, если вы хотите поставить иконку на шаблон, искать ее нужно на официальном сайте FontAwesome. По умолчанию, иконки имеют CSS класс “fa fa-{icon}” (например, “fa fa-home”), в MODx же классы данных иконок изменены на просто “icon-{icon}” (например, “icon-home”). Поэтому будьте внимательны при добавлении иконок.

Для того, чтобы установить иконку, достаточно просто написать на странице редактирования шаблона класс иконки в поле “Значок”. Например, вот как у меня сделано для главной страницы:

Таким образом, вы можете навести не только эстетическую красоту, но и порядок в панели администратора сайта на MODx Revolution.

Автор Петропавловский Артем

Основатель и ведущий разработчик DART Agency. Пишу о разработке, продажах и процессах в IT.