- Веб-Шаблоны
- Шаблон интернет-магазина
- Шаблоны для CMS
- Facebook шаблоны
- Конструктор сайтов
CherryFramework 4. Как изменить значки Flaticon
Март 15, 2016
Из этого туториала Вы узнаете, как изменить значки Flaticon в шаблонах с CherryFramework 4.
CherryFramework 4. Как изменить значки FlaticonДля того чтобы изменить значки Flaticons, следуйте таким инструкциям:
Войдите в вашу админ панель WorpPress.
Исследуйте значок, используя дополнение для Mozilla Firefox Firebug или любой другой инструмент разработчика.
Найдите файл стилей значков и откройте его в новой вкладке. В нашем случае, это файл flaticon.css, который расположен в папке wp-content/themes/themeXXXX/assets/fonts (где XXXX – это номер вашего шаблона):
Откройте этот файл в новой папке и найдите “Источник” для ваших значков. В нашем случае, это http://www.flaticon.com/packs/chapps. Откройте эту ссылку в новой вкладке и нажмите на кнопку «Скачать набор значков» справа:
Скачав набор значков, разархивируйте его и перейдите на вкладку png. Для того чтобы узнать класс значка, просто скопируйте название соответствующего файла:
Войдите в вашу админ панель. Перейдите на страницу, где Вы хотите изменить значок Flaticon. В нашем случае, это запись типа «Услуги», которую можно найти во вкладке Услуги -> Услуги. Выберите запись для редактирования.
Прокрутите страницу вниз, для того чтобы найти поле Класс CSS шрифтовых значков (Font icon CSS class) и измените класс значка:
Сохраните изменения и проверьте страницу вашего сайта. Значок был успешно изменён! Для того чтобы добавить значок, просто укажите его в поле заголовка для нужной записи.
Сохраните настройки, используя кнопку Обновить (Update).
Вы можете также ознакомиться с детальным видео-туториалом ниже:
CherryFramework 4. Как изменить значки Flaticon