Categories

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

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

Sarah Vaynbaum Январь 30, 2015
Rating: 5.0/5. From 1 vote.
Please wait...

Сегодня Вы узнаете больше про иконки 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 (вставленные при помощи шорткодов)

Шаблоны Wordpress
Эта запись была размещена в WordPress туториалы и помечена как fontawesome, icon, shortcode, WordPress. Добавьте в закладки постоянную ссылку.

Submit a ticket

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