- Веб-Шаблоны
- Шаблон интернет-магазина
- Шаблоны для CMS
- Facebook шаблоны
- Конструктор сайтов
WordPress Cherry 3.x. Как управлять социальными иконками AddThis
Май 14, 2015
WordPress. Как управлять соцальными иконками AddThis
Наша Команда техподдержки рада представить Вам новый туториал, который покажет, как управлять социальными иконками AddThis (AddThis social sharing icons):
-
Перейдите в папку wp-content/themes/CherryFramework/includes/post-formats на вашем сервере.
-
Первое, что необходимо сделать, — это скопировать share-buttons.php из папки CherryFramework в папку themeXXXXX на сервере, сохраняя структуру файлов:
-
При необходимости создайте новую подпапку в папке themeXXXXX:
-
Открыв файл для редактирования, Вы увидите социальные иконки AddThis:
-
Для того, чтобы удалить одну из иконок, Вам нужно удалить соответствующую секцию кода.
-
Давайте удалим иконку Pinterest. Вам нужно удалить секцию кода, которая относится к Pinterest, начиная с
<li class="pinterest">
и заканчивая</li>
: -
Окончив редактирование файла, сохраните изменения и проверьте результат на вашем сайте.
-
Для того, чтобы изменить порядок иконок, вам нужно изменить порядок секций кода. Например, мы можем поставить иконку Facebook последней. Для этого поместим секцию кода, которая начинается с
<li class="facebook">
и заканчивается кодом</li>
после кода последней на данный момент иконки – в нашем случае google+. -
Сохраните изменения, когда Вы закончили редактирование файла, и проверьте изменения на вашем сайте.
-
Давайте добавим новую иконку — Linkedin. Найдите «Linkedin Share» в интернете.
-
Откройте страницу инструментов «поделиться», выберите нужную опцию иконки и нажмите на кнопку Получить код (Get Code):
-
Скопируйте код иконки и добавьте его в файл share-buttons.php в папке themexxxx с кодом
<li class="linkedin">
в начале и кодом</li>
в конце: -
Сохраните внесённые изменения и проверьте результат на вашем сайте:
Вы можете также ознакомиться с детальным видео-туториалом ниже: