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

14.02.2017
3935

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


[[*pagetitle]]


[[*pagetitle]]


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


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


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


[[*pagetitle]]


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

Оцените статью:

Проголосовало: 185

Комментарии ()

  1. Sipth 01 сентября 2018, 17:15 # 0
    Все равно не очень понял.Где найти наименования и картинки которые можно использовать в MODX?Ведь какие то там уже стоят?Как разобраться что есть и чего нет?и посмотрел иконки по предложенному сайту — они отличаются от тех которые устанавливаются в шаблоне.

    Написать комментарий

    Наши клиенты

    Многие компании уже доверяют нам. Будьте в их числе!

    Хотите реализовать проект?

    Контакты

    Напишите нам - мы расскажем вам много интересного!


    Пермь, ул. Крупской 34, офис 510