Как добавить иконки социальных сетей в тему 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 с соответствующим юникодом) выдавал ошибку
Хватило только вышеуказанных строк. И все заиграло, как и требовалось.