Social media link в теме от Zymphonies

Главные вкладки

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

Привет!
Не такой большой опыт в 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 и подобные? Я подозреваю, что там значки лежать, но где это не понятно...
Сразу не отвечу на пост, но заранее СПАСИБО говорю тем кто поможет!

Лучший ответ

Аватар пользователя gun_dose gun_dose 14 февраля 2019 в 9:40

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

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

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

Комментарии

Аватар пользователя sas@drupal.org sas@drupal.org 14 февраля 2019 в 7:01

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

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

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

Аватар пользователя gun_dose gun_dose 14 февраля 2019 в 9:40

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

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

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

Аватар пользователя kaurych kaurych 15 февраля 2019 в 0:43

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