На Crunchify мы используем Font Awesome с последних 3 лет для всех значков социальных сетей и кнопок отслеживания на боковой панели.
Работая над значками социальных сетей, мы заметили, что нам также нужна кнопка Buffer для общего доступа к социальным сетям, и почему-то у FontAwesome нет кнопки буфера социальных сетей.
Существует проблема, поданная в 2013 году, без какого-либо решения.
https://github.com/FortAwesome/Font-Awesome/issues/2110#issuecomment-375451328
Как мы добавили ниже значок социальной буфера на Crunchify?
Одним из подходов является использование SVG (масштабируемой векторной графики) для буфера, который вы можете добавить в свой tag ,
Поместите код ниже в HTML-виджет functions.php или боковой панели вашей темы.
|
1
2
3
4
|
< svg focusable = false xmlns = http://www.w3.org/2000/svg viewBox = 0 -6 35 35 >
< path fill = #FFF d = M5,985 10,736,19,378 4,142c,36,122,84,107 1,157 0,19,54-4,142c.568 -2,568-.916 0-1,157L16,52 5,6c-.318-.13-.88-. 135-1.157 0L5.985 9.58c-.628.265 -628.818 0 1.156z20.076 4.57l-2.1-.877-7.44 3.23c-.395.15-.77.14-1.154 0L8.05 14.43l-2.064.875c-.628.267 -628,865 0 1,157l9,378 4.142c.364.122.753.143 1,157 0l9,545-4,142c.566-.312.566-.818 0-1.157zm0 5.796l-2.1-.876-7.44 3.23a1.55 1.55 0 0 1 -1,154 0,11-3,313-3,23,064,876c-.63,266 -,63,865 0 1,156,19,377 4,142c.364.122.753.143 1,157 0l9,54-4,142c.57-.31,57-.818 0-1,156z >
< / path >
< / svg >
|
Вот как вы можете добавить его в свой файл functions.php.
Вот CSS для вашего значка буфера. Просто добавьте содержимое CSS ниже в файл style.css вашей темы.
|
1
2
3
4
5
6
7
8
9
10
|
, crunchify — буфер {
фон : # 444;
набивка : 0 14px ! важно ;
min — ширина : 50 пикселей ;
}
, crunchify — буфер : активный ,
, crunchify — буфер : hover {
цвет : #fff;
}
|
И это все. Хотя у вас нет возможности использовать значок FontAwesome для буфера , вы можете добавить его с помощью SVG.
Дайте мне знать, если у вас возникнут какие-либо проблемы с отображением Buffer Icon.
0.00 (0%) 0 votes
