- Plantillas Web
- Plantillas E-commerce
- Plantillas de CMS y Blog
- Plantillas Facebook
- Constructor Web
WordPress. How to change FontAwesome icons (inserted via shortcodes)
enero 30, 2015
Сегодня Вы узнаете больше про иконки Font Awesome в шаблонах WordPress.
Для того чтобы изменить иконки в вашем шаблоне, следуйте следующим инструкциям:
- Войдите в админ панель вашего сайта.
- Перейдите на вкладку Внешний Вид -> Редактор (Appearance -> Editor).
- Посте этого Вы увидите много различных файлов, среди которых Вам необходимо найти файл custom-function.php (для быстрого поиска используйте функцию CTRL + F).
-
Открыв этот файл, найдите следующий код:
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>';}}
-
Для того чтобы изменить иконку, Вам не обходимо найти и заменить класс иконки: <i class=”icon-cogs”></i> на новый.
-
Например, возьмём иконку <i class=”icon-compass”></i>.
-
Список иконок можно найти по ссылке: Иконки Font-Awesome
Для более детального руководства, ознакомьтесь с нашим видео-туториалом ниже:
WordPress. Как изменить иконки Font Awesome (вставленные при помощи шорткодов)