Hoe voeg ik een aangepast sociaal pictogram toe vanuit FontAwesome?
Om een aangepast sociaal pictogram uit de FontAwesome-collectie aan het thema toe te voegen, gaat u hierheen en kiest u het gewenste pictogram:
FontAwesome sociale pictogrammen
Wanneer u uw pictogram kiest, kopieer dan de code, u heeft deze later nodig.
In deze tutorial zullen we het Digg-pictogram toevoegen:
https://fontawesome.com/icons/digg?style=brands
De code is f1a6
https://i.imgur.com/nbDwxc7.jpg
Als je de code van je gewenste pictogram hebt, zorg er dan voor dat je het child-thema gebruikt en plaats de volgende code in het child-thema functies.php file:
function my_presscore_get_social_icons_data ($icons) {$icons ['digg'] = __ ('Digg', 'the7mk2'); return $icons;} add_filter ('presscore_get_social_icons_data', 'my_presscore_get_data' )_icons;
Vergeet niet om de naam van het sociale netwerk te wijzigen in de door u gewenste naam - bewaar de eerste weergave van de naam ($icons ['digg']) in kleine letters.
Ga vervolgens naar Thema-opties -> Geavanceerd -> Aangepaste CSS en voer de volgende CSS-code in:
.digg .soc-font-icon: eerder, .dt-icon-digg: before {content: "f1a6";}. digg .soc-font-icon {font-family: "Font Awesome 5 Brands"! belangrijk; lettertype-gewicht: 900;}
Hier moet je de namen van klassen (digg) wijzigen in de naam van het netwerk dat je eerder in de code hebt gebruikt ($icons ['digg']), en de code van het pictogram (inhoud: "f1a6";), Naar de code van het pictogram dat je hebt gekozen - vergeet niet om de schuine streep" "voor de code te houden.
Ga daarna naar Thema-opties -> Bovenste balk en koptekst -> Microwidgets en stel het nieuwe pictogram in de widget Sociale pictogrammen in.
NL 
EN 