
-
AuthorPosts
-
October 14, 2016 at 10:54 pm #699316
Hallo liebe Community,
ich möchte den Header um einige individuelle icons ergänzen. Und zwar nicht die bereits vorhandne wie twitter, 500px etc.
Aus diesem Grund bin ich der Anleitung von http://kriesi.at/documentation/enfold/custom-social-icons/ gefolgt und habe meine functions.php um folgenden Code ergänzt:
// Register new icon as a theme icon function avia_add_custom_icon($icons) { $icons['icon_name'] = array( 'font' =>'fontello', 'icon' => 'ue800'); return $icons; } add_filter('avf_default_icons','avia_add_custom_icon', 10, 1); // Add new icon as an option for social icons function avia_add_custom_social_icon($icons) { $icons['Icon Label'] = 'icon_name'; return $icons; } add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
Anschließend habe ich ein icon set von fontelloDelete via iconfont mange hochgeladen.
Anschließend habe ich eine neue Auswahl bei den social profiles. Jedoch nur ein weiteres und zwar mit dem Namen “icon label” nun habe ich dann dort noch die URL zum neuen Profil hinzugefügt.
Nun wird zwar ein neues Icon oben rechts im Header angezeigt, jedoch das falsche und eben auch ohne richtigen Namen.Muss ich nun für jedes neue Icon die functions.php um den code oben ergänzen muss?
Und außerdem geht das doch bei jedem wp update dann verloren, oder ?
Für jeden Tipp bin ich dankbar :)
October 17, 2016 at 10:39 am #699874October 18, 2016 at 1:13 pm #700604Hi,
kannst du uns bitte einen präzisen Link schicken, wo wir uns das mal anschauen können? Admin Zugang wäre ebenfalls gut. Bitte Login Daten hier als private Nachricht.
Es reicht, wenn du den Code nur einmal in deiner functions.php verwendest.
Du kannst ein Child Theme verwenden, damit Sachen nicht nach Update verloren gehen: http://kriesi.at/documentation/enfold/using-a-child-theme/
Gruß,
AndyOctober 18, 2016 at 3:58 pm #700713Danke für die Rückmeldung die Privaten Daten habe ich eingetragen.
Oben rechts neben dem Facebook Logo sollte das EyeEm Logo zu sehen sein. Nach Möglichkeit auch mit einer farblichen Hinterlegung wie die anderen Symbole.Meine Frage ist nun, wie kann ich das entsprechende Logo gezielt auswählen und mit Adresse anlegen.
UND
Wie kann ich weitere Icons von dem neuen Icon Set verwenden. Da ich in der DropDown Liste nurZ.B. sollte es eigentlich folgendes Logo werden: http://www.benroits.com/wp-content/uploads/2016/10/eyeem-logo.png
October 18, 2016 at 4:04 pm #700720Hi!
I changed your code in Appearance > Editor > Functions.php file to following one
// Register new icon as a theme icon function avia_add_custom_icon($icons) { $icons['eyeem'] = array( 'font' =>'Flaticon', 'icon' => 'uf135'); return $icons; } add_filter('avf_default_icons','avia_add_custom_icon', 10, 1); // Add new icon as an option for social icons function avia_add_custom_social_icon($icons) { $icons['EyeEm'] = 'eyeem'; return $icons; } add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
Please review your website now
Best regards,
YigitOctober 18, 2016 at 5:13 pm #700772Vielen Dank.
Bleiben noch 2 Fragen offen:1. Wie kann ich nun z.B. ein weiteres Icon einfügen? Da der code in der functions.php ja gezielt auf EyeEm umgeändert wurde.
2. Wie bekomme ich es hin, das ich ich diesen hover Effekt erhalte, wie bei den anderen Social icons ?Vielen Dank für eure Unterstützung!
October 19, 2016 at 12:18 pm #701201Hi,
1.) Nimm den Code von Yigit als Vorlage für weitere Icons.
2.) Verwende folgende code in deinem Quick CSS Feld:
li.social_bookmarks_eyeem.av-social-link-eyeem.social_icon_4 a:hover { color: white; background: red !important; }
und passe die Farben an wie du es brauchst.
Best regards,
AndyOctober 20, 2016 at 12:18 am #701579Thx 4 help !
October 20, 2016 at 1:11 am #701590Hey!
You are welcome!
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)Best regards,
Yigit -
AuthorPosts
- The topic ‘social profiles – zusätzliche Icons hinzufügen’ is closed to new replies.