Как добавить иконку ВКонтакте к теме для wordpress?

Как добавить иконку ВКонтакте к теме для wordpress?

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

Решить эту проблему, можно например так:

  1. Взять шрифт Grands icon font с сайта http://grawl.ru/Grands/
  2. Залить его в файлы с темой, как создавать дочерние темы, описано здесь.
  3. И в файлике style.css прописываем примерно такой код:
@font-face {
font-family: 'Grands';
src:url('fonts/grands/Grands.eot');
src:url('fonts/grands/Grands.eot?#iefix') format('embedded-opentype'),
url('fonts/grands/Grands.svg#Grands') format('svg'),
url('fonts/grands/Grands.woff') format('woff'),
url('fonts/grands/Grands.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

.social-link a[href*="vk.com"]:before,
.author-profile-link a[href*="vk.com"]:before {
font-family: 'Grands';
font-style: normal;
speak: none;
font-weight: normal;
-webkit-font-smoothing: antialiased;
content: "\e003";
}

И все отлично начинает работать!

Оставить комментарий