Divi – Social Icons in neuem Fenster öffnen

Divi – Social Icons in neuem Fenster öffnen

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)

Divi Social Media Icons im neuem Fenster

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.

Code Divi Social Media Icons neuem Fenster

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:

Divi Theme: weitere Social Media Icons hinzufügen

so divi social media icons

… und denk daran, bleib natürlich auch online!

Lieber Gruss

Karin

Newsletter

Mit deiner Anmeldung stimmst du zu, dass ich dir meinen Newsletter zusende. Du hast jederzeit die Möglichkeit, dich von meinem Newsletter wieder abzumelden. Weitere Informationen findest du in der Datenschutzerklärung.

Affiliate/Werbelinks

In meinem Artikel verwende ich Affiliate-Links. Wenn du auf einen solchen Link klickst und darüber einen Kauf tätigst, erhalte ich eine Provision vom Anbieter. Für dich ändert sich dadurch weder das Angebot noch der Preis. Damit unterstützt du meine Arbeit bei der Erstellung kostenloser Anleitungen und Blogartikel.