Как добавить иконки социальных сетей в тему WordPress

СоцсетиКак водится, даже в самой классной теме, приходится что-то дорабатывать под свои нужды. Очередной раз подключил на сайте WordPress новую, довольно функциональную тему (шаблон). В данной теме не были подключены иконки русскоязычных соцсетей.

Т.е., когда в настройках темы вводишь адрес группы, к примеру, вконтакте, то вместо иконки VK появляется квадратик без иконки.
СоцсетиОтмечены иконки, которые изначально подключены не были.

Задался вопросом: как добавить недостающие иконки социальных сетей в тему (шаблон) Вордпресс? Ответ, как обычно, был рядом. Идем в файл стилей:
Открываем \ваш сайт\wp-content\themes\ваша тема\style.css

Находим те, которые уже добавлены, к примеру, twitter:

.social-profiles ul li a[href*="twitter.com"]:before {
content: '\f099';
}

По аналогии добавляем те, которые нужны:

.social-profiles ul li a[href*="vk.com"]:before {
content: '\f189';
}
.social-profiles ul li a[href*="ok.ru"]:before {
content: '\f263';
}
.social-profiles ul li a[href*="t.me"]:before {
content: '\f1d9';

Коды берем здесь https://fontawesome.com/icons/

Правда вместо телеграма поставил иконку от fa-paper-plane-o

Так как телеграм (fa-telegram-plane и fa-telegram с соответствующим юникодом) выдавал ошибку

Хватило только вышеуказанных строк. И все заиграло, как и требовалось.


Понравилась статья - поделись с друзъями:

Вам понравиться

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

code