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

14.02.2017
2765

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Контакты

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


    614060, Россия, г. Пермь,
    ул. Крупской, д. 34, офис 510.
    +7 (342) 277-43-93