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

Ваше имя

Ваш e-mail

Ваше сообщение (обязательно)

captcha

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

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

Из этого туториала Вы узнаете, как изменить значки 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