[contact-form-7 id="24084" title="Feedback ES"]

Plantillas Destacadas

(English) WordPress. How to change FontAwesome icons (inserted via shortcodes)

Сегодня Вы узнаете больше про иконки Font Awesome в шаблонах WordPress.

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

  1. Войдите в админ панель вашего сайта.
  2. Перейдите на вкладку Внешний Вид -> Редактор (Appearance -> Editor).
  3. Посте этого Вы увидите много различных файлов, среди которых Вам необходимо найти файл custom-function.php (для быстрого поиска используйте функцию CTRL + F).
  4. Открыв этот файл, найдите следующий код:

    if ($icon == 'icon1') {
    $output .= '<div class="extrabox"><figure class="icon"><i class="icon-cogs"></i><span>1</span></figure></div>';
    } elseif ($icon == 'icon2') {
    $output .= '<div class="extrabox"><figure class="icon"><i class="icon-book"></i><span>2</span></figure></div>';
    } elseif ($icon == 'icon3') {
    $output .= '<div class="extrabox"><figure class="icon"><i class="icon-briefcase"></i><span>3</span></figure></div>';
    } elseif  ($icon == 'icon4') {
    $output .= '<div class="extrabox"><figure class="icon"><i class="icon-check"></i><span>4</span></figure></div>';}}
    

    WordPress. How to change FontAwesome icons (inserted via shortcodes)

  5. Для того чтобы изменить иконку, Вам не обходимо найти и заменить класс иконки: <i class=”icon-cogs”></i> на новый.

  6. Например, возьмём иконку <i class=”icon-compass”></i>.

  7. Список иконок можно найти по ссылке: Иконки Font-Awesome

Для более детального руководства, ознакомьтесь с нашим видео-туториалом ниже:

WordPress. Как изменить иконки Font Awesome (вставленные при помощи шорткодов)