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

14.02.2017
10755

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

[[*pagetitle]]

[[*pagetitle]]

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

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

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

[[*pagetitle]]

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

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

0 Число голосов: 3
5
5
1
3

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

  1. Sipth 01 сентября 2018, 17:15 # 0
    Все равно не очень понял.Где найти наименования и картинки которые можно использовать в MODX?Ведь какие то там уже стоят?Как разобраться что есть и чего нет?и посмотрел иконки по предложенному сайту — они отличаются от тех которые устанавливаются в шаблоне.
    1. Андрей 28 мая 2019, 11:15 # 0
      1. ilia 09 июля 2021, 16:17 # 0
        Спасибо!
        1. nomistery 14 апреля 2024, 10:19 # 0
          Как подключить стиль со своими иконками? Буквально любыми.
          1. nomistery 14 апреля 2024, 10:20 # 0
            как подключить любые свои иконки

            Наши клиенты

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

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

            Контакты

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


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