Categories

Новые шаблоны

CherryFramework 4. Как изменить значки Flaticon

Lana Greene Март 15, 2016
Rating: 5.0/5. From 2 votes.
Please wait...

Из этого туториала Вы узнаете, как изменить значки Flaticon в шаблонах с CherryFramework 4.

CherryFramework 4. Как изменить значки Flaticon

Для того чтобы изменить значки Flaticons, следуйте таким инструкциям:

  1. Войдите в вашу админ панель WorpPress.

  2. Исследуйте значок, используя дополнение для Mozilla Firefox Firebug или любой другой инструмент разработчика.

  3. Найдите файл стилей значков и откройте его в новой вкладке. В нашем случае, это файл flaticon.css, который расположен в папке wp-content/themes/themeXXXX/assets/fonts (где XXXX – это номер вашего шаблона):

    CherryFramework_4.How_to_change_Flaticon_icons_1
  4. Откройте этот файл в новой папке и найдите “Источник” для ваших значков. В нашем случае, это http://www.flaticon.com/packs/chapps. Откройте эту ссылку в новой вкладке и нажмите на кнопку «Скачать набор значков» справа:

    CherryFramework_4.How_to_change_Flaticon_icons_2 CherryFramework_4.How_to_change_Flaticon_icons_3
  5. Скачав набор значков, разархивируйте его и перейдите на вкладку png. Для того чтобы узнать класс значка, просто скопируйте название соответствующего файла:

    CherryFramework_4.How_to_change_Flaticon_icons_4
  6. Войдите в вашу админ панель. Перейдите на страницу, где Вы хотите изменить значок Flaticon. В нашем случае, это запись типа «Услуги», которую можно найти во вкладке Услуги -> Услуги. Выберите запись для редактирования.

  7. Прокрутите страницу вниз, для того чтобы найти поле Класс CSS шрифтовых значков (Font icon CSS class) и измените класс значка:

    CherryFramework_4.How_to_change_Flaticon_icons_5
  8. Сохраните изменения и проверьте страницу вашего сайта. Значок был успешно изменён! Для того чтобы добавить значок, просто укажите его в поле заголовка для нужной записи.

  9. Сохраните настройки, используя кнопку Обновить (Update).

Вы можете также ознакомиться с детальным видео-туториалом ниже:

CherryFramework 4. Как изменить значки Flaticon
Темы Wordpress
Эта запись была размещена в Monstroid туториалы, WordPress туториалы и помечена как CherryFramework4, flaticon, icon. Добавьте в закладки постоянную ссылку.

Submit a ticket

Если вы не смогли найти подходящее решение проблемы, пожалуйста воспользуйтесь следующей ссылкой, чтобы отправить запрос команде технической поддержки.
Отправить запросВы получите ответ в течение 24 часов