Categories

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

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

Ryan DeWitt Июль 22, 2015
Rating: 5.0/5. From 2 votes.
Please wait...

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

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

WordPress. How to work with the social icons (based on Cherry options)-1

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

    WordPress. How to work with the social icons (based on Cherry options)-2

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

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

    WordPress. How to work with the social icons (based on Cherry options)-3

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

    $options['facebook'] = array( 
    "name" => "Facebook URL",
    "desc" => "Facebook URL",
    "id" => "facebook",
    "std" => "#",
    "type" => "text"
    );
  4. Мы будем использовать иконку Youtube. Укажите имя этой иконки, оно должно совпадать со значением в поле "id". Сохраните изменения:

    WordPress. How to work with the social icons (based on Cherry options)-4

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

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

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

    WordPress. How to work with the social icons (based on Cherry options)-5

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

    WordPress. How to work with the social icons (based on Cherry options)-6

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

    WordPress. How to work with the social icons (based on Cherry options)-7

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

    WordPress. How to work with the social icons (based on Cherry options)-8

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

    WordPress. How to work with the social icons (based on Cherry options)-9

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

    WordPress. How to work with the social icons (based on Cherry options)-10

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

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

Тема для Wordpress
Эта запись была размещена в WordPress туториалы и помечена как icon, manage, options, social, static-social, WordPress. Добавьте в закладки постоянную ссылку.

Submit a ticket

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