WordPress. Как работать с социальными иконками (на основе Cherry 3.x options)

WordPress. Как работать с социальными иконками (на основе Cherry options)

Из этого туториала вы узнаете, как работать с социальными иконками в WordPress (на основе Cherry options):

1. Пожалуйста, откройте вкладку Cherry Options -> Social для доступа к настройкам социальных иконок.
   Вы можете указать ссылки для соответствующих иконок. Не забудьте указать http:// или http:// в начале каждой ссылки:

   

2. Давайте добавим еще одну социальную иконку. Откройте вкладку Внешний вид (Appearance) -> Редактор (Editor). Откройте файл options.php.

   Найдите соответствующую часть кода с помощью функции поиска для браузера. Пожалуйста, сверьтесь со скриншотом ниже. Вы увидите код, который мы имеем в виду:

   

3. Скопируйте исходный код для одной из иконок и вставьте его в файл. В нашем случае код имеет следующую структуру:

   ?

   1 2 3 4 5 6 7

   $options['facebook'] = array( "name" => "Facebook URL", "desc" => "Facebook URL", "id" => "facebook", "std" => "#", "type" => "text" );

4. Мы будем использовать иконку Youtube. Укажите имя этой иконки, оно должно совпадать со значением в поле "id". Сохраните изменения:

   

5. Теперь откройте файл themeXXXXX\static\static-social-networks.php (здесь XXXXX — номер вашей темы). Вы увидите массив иконок социальных сетей.

   Добавьте еще один пункт. Мы добавим иконку youtube, которую указали в файле options.php (на предыдущем шаге). Сохраните изменения.

   Пожалуйста, обратите внимание, что такой код используется для иконок Font Awesome. Он автоматически добавляет класс иконки к ее имени. В нашем случае класс будет «icon-youtube». В видео-версии туториала вы можете подробнее ознакомиться с работой с иконками Font Awesome.

   

6. Перейдите во вкладку Cherry options -> Social и укажите ссылку для новой иконки. Сохраните изменения:

   

7. Мы добавили новую иконку:

   

8. Вы также можете изменить порядок иконок. Просто измените порядок иконок в файле options.php:

   

   Соответственно измените порядок иконок в файле static-social-networks.php:

   

9. Мы изменили порядок иконок:

   

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

WordPress. Как работать с социальными иконками (на основе Cherry options)