Добавил ссылки на социальные сети в футер блога. В корне темы есть svg файл, с иконками практически всех социальных сетей, на удивление даже codepen.io там оказался. Все ссылки которые я ввел, были подхвачены css скриптом темы, и установлены соответственные иконки автоматически (что удобно). Но там нет иконки Вконтакте =(
Вот так выглядело меню социальных ссылок, до моего вмешательства:
socOld
Что же делать? Не оставлять же вот так, как есть, люди не поймут с первого раза что это ссылка в вк, нужно внести ясность в происходящее… Так что делать? Дополнять/изменять svg файл? Искать у сапорта вк официальный логотипчик? Нет =) все проще =)
У кого нет этой иконки, делайте следующее:
1. Откройте style.css вашей темы,
2. Ctrl+F и ищите facebook, найдете сразу все правила для класса .social-navigation,
3. Добавляем правило для vk.com (просто заглавная буква В шрифтом Ариал Блэк):

.social-navigation a[href*="dropbox.com"]:before {
	content: "\f225";
}
 
.social-navigation a[href*="facebook.com"]:before {
	content: "\f203";
}
 
.social-navigation a[href*="vk.com"]:before {
	content: "B";
	font-weight: bold;
	font-family: Arial Black;
}

И вуаля, итог: soc


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