Social media link в теме от Zymphonies

14 февраля 2019 в 0:50
Аватар пользователя kaurych kaurych 0 4 Решено

Привет!
Не такой большой опыт в PHP и работой с Drupal 8, поэтому обращаюсь за помощью.
Хочу вывести значёк в подвале на равне с другими соц сетями ВКонтакет

Сделал поле для вывода ссылки ВКонтакте
Фаил в теме drupal8_custom_theme.theme
В блоке //Social Icon Link
По образцу с тем, что есть + прописал переменную для VK
Поле в админки для добавления ссылки появилось, всё с этим хорошо.
Подправил:
page.html.twing
page--front.html.twing
В блоке
Всё по образцу.
В CSS так же по образцу прописал стили, но ничего не увидел, где-то явно что-то не допилил.
Подскажите пожалуйста, на что обратить внимание, что бы вывести значёк со ссылкой в контакте?
Да, и не понятно куда класть значёк, в стилях какие то поля:
.fa-twitter-square:before {
content: "\f081";
}
.fa-twitter:before {
content: "\f099";
}
Что за путь \f099 и подобные? Я подозреваю, что там значки лежать, но где это не понятно...
Сразу не отвечу на пост, но заранее СПАСИБО говорю тем кто поможет!

Комментарии

Подскажите пожалуйста, на что обратить внимание, что бы вывести значок со ссылкой в контакте?

Что за путь \f099 и подобные? Я подозреваю, что там значки лежать, но где это не понятно...

Значок надо выбирать из фонта типа https://fontawesome.com/icons?d=gallery
а можно запилить свой на svg и создать/добавить свой шрифт например с помощью https://icomoon.io/app

14 февраля 2019 в 7:01

У вас используется шрифт Font Awesome. Это иконочный шрифт и символы в 'content' - это коды символов шрифта. Чтобы в Font Awesome вывести иконку вконтакте, нужно написать что-то вроде

<i class="fa fa-vk"></i>

Сам значок в шрифте есть, вот ссылка
А вообще в 2019 году не знать про иконочные шрифты стыдно)) Погуглите про Font Awesome и Icomoon.

14 февраля 2019 в 9:40

Понял, разобрался во всём и настроил. Заработало! Спасибо вам обоим, вот везде бы так подсказывали как вы ROFL
Отлично!

15 февраля 2019 в 0:43