Bei Divi* kannst Du sehr einfach Social Media Icons im Head und im Footer Bereich hinzufügen. Leider öffnen sich diese im gleichen Fenster.
Dies bedeutet: Klickt jemand auf ein Social Media Icon, dann öffnet sich die Social Media Seite und Deine Website „verschwindet“.
Idealer wäre, wenn Deine Website offen bleibt und in einem neuen Fenster / Tab die Social Media Seite öffnet.
Wie so vieles ist dies mit einem kleinen Code schnell lösbar.
Social Media Icons im neuem Fenster öffenen (target _ blank)
Gehe auf Divi (1) – Theme Optionen (2) – Integration (3)
Nun aktiviere den Schalter <body> Code aktivieren (4)
Im Feld „Code dem < body > hinzufügen (hilfreich beim Verfolgen von Codes wie beispielsweise Google Analytics)“ fügst Du nun folgenden Code ein, danach speichern.
Hier kannst Du den Code kopieren:
<script>(function($) {
$(document).ready(function() {
$('.et-social-icons .et-social-icon a').attr( 'target', '_blank');
});
})(jQuery);
</script>Ja dies war’s bereits :-)
Übrigens, wenn Du von Eleganthemes nicht Divi *, sondern das Theme Extra* verwendest, dann lautet der Code wie folgt:
<script>
(function($) {
$(document).ready(function() {
$('.et-extra-social-icons .et-extra-icon').attr( 'target', '_blank');
});
})(jQuery);
</script>Hast Du Dich schon mal gefragt, wie Du weitere Social Media Icons bei Divi einfügst wie z.B. Instagram?
Hier findest Du die Anleitung:
… und denk daran, bleib natürlich auch online!
Lieber Gruss
Karin
Zu wenig Kunden über deine Website?
Finde heraus, warum du zu wenig Kunden durch deine Website gewinnst
Vielen Dank! Hat wunderbar funktioniert!
Super erklärt. Vielen Dank!
Super, vielen Dank. Funktioniert einwandfrei!
Hallo, bin umgestiegen von optimizepress auf divi.
Hatte natürlich Probleme in den ersten 2 Stunden 😉
Hürde: social links im neuen Tab öffnen.
geGooglet, 4 Ergebnisse. 3 funktionieren nicht.
Aber Eurer!!!! Danke!!!
Gruß der Bernd aus Frankfurt
Genau das, was ich gesucht habe!! Und mal so, dass man es verwenden kann. Vielen Dank 😉