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

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

Lieber Gruss

Karin

Erstelle in 4 Wochen deine eigene Business-Website

Zögerst du schon lange, um endlich deine neue Website zu erstellen?

Oder weisst du einfach nicht, wie und womit du beginnen sollst?

In diesem Kurs führe ich dich Schritt für Schritt zu einer Website, die perfekt zu dir, deinem Angebot und deinen Kunden passt.

Nächster Start: 8. Juli 2024

Business Starter Website

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.

5 Kommentare

  1. Vielen Dank! Hat wunderbar funktioniert!

    Antworten
  2. Super, vielen Dank. Funktioniert einwandfrei!

    Antworten
  3. 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

    Antworten
  4. Genau das, was ich gesucht habe!! Und mal so, dass man es verwenden kann. Vielen Dank 😉

    Antworten

Einen Kommentar abschicken

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Vielleicht interessiert dich auch…

PrivacyBee Anleitung (WordPress + Divi)

PrivacyBee Anleitung (WordPress + Divi)

PrivacyBee bietet in meinen Augen eine einfache und sympathische Möglichkeit, eine Datenschutzerklärung für das neue Schweizer Datenschutzgesetz zu erstellen. Gerne stelle ich dir hier eine Anleitung zur Verfügung, wie du die Datenschutzerklärung erstellen und in...

Bilder pixelgenau zuschneiden

Bilder pixelgenau zuschneiden

Wohl jeder, der an einer Website arbeitet, steht früher oder später vor dem Problem "wie schneide ich ein Bild/Foto pixelgenau zu". Damit dies auch einfach und schnell geht, empfehle ich jeweils Adobe Photoshop (Elements) oder den kostenlosen Online Dienst Pixlr...

Terminbuchung: Meine 3 besten Empfehlungen 2023

Terminbuchung: Meine 3 besten Empfehlungen 2023

Auf immer mehr Websiten werden online Terminbuchungen angeboten. Lange suchte ich nach überzeugende Lösungen. Meine 3 Favoriten stelle ich Dir hier gerne vor.Amelia Wirklich lange suchte ich nach einer passenden Lösung. Amelia hat mich direkt überzeugt. WordPress...

Newsletter Software: Meine 3 besten Empfehlungen 2023

Newsletter Software: Meine 3 besten Empfehlungen 2023

E-Mail-Marketing ist eine sehr gute und effektive Methode um interessierte Personen zu informieren. Dabei gibt es unzählige Newsletter Anbieter und auch WordPress Plugins für den Versand von Newslettern. Hier den richtigen Anbieter zu finden kann sehr zeitaufwändig...

WP Rocket – Macht Deine WordPress Seite schneller

WP Rocket – Macht Deine WordPress Seite schneller

WP Rocket ist wohl das einfachste und beste Cache Plugin für Deine WordPress Website. Nichts nervt mehr als ewig laaaaaangsam ladende Websiten. Dies ist schlecht für Deine Websitenbesucher, für Dein Google Ranking und deshalb auch für Dein Portemonnaie. Die...

WordPress: Änderungen rückgängig machen / Revisionen verwenden

WordPress: Änderungen rückgängig machen / Revisionen verwenden

Du kennst sicher folgendes Problem: Du änderst eine Inhaltsseite und einen Tag später bemerkst Du, dass die alte Version besser gewesen wäre. Oder Du bearbeitest einen Beitrag, speicherst und aus unerklärlichen Gründen ist der Inhalt verschoben, verändert oder ganz...