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