Externe Links automatisch im neuen Browserfenster öffnen

24. Februar 2021 | functions.php, WordPress

Links auf der Website einzufügen, ist ja eine einfache Übung. Bloss: Ohne Zutun öffnet der Browser jede verlinkte Seite im Fenster, das gerade offen ist. Bei Links innerhalb des gleichen Webauftritts ist das ja OK. Verlinkt man hingegen auf externe Quellen möchte man dies vermutlich meist nicht. Es gibt einen Weg, wie man WordPress ohne händischen Eingriff dazu bringt, externe Links immer im neuen Browserfenster zu öffnen.

Natürlich haben Sie auch in WordPress stets die Möglichkeit, bei den Einstellungen des Links (via Zahnrädchen-Button) das Feld «Link in einem neuen Tab öffnen» zu aktivieren. Aber Hand aufs Herz: Wie oft geht das vergessen? Ich für meinen Teil bin da ohnehin etwas faul und überlasse das gerne der Technik.

Den Code, den Sie hierfür benötigen, finden Sie nachfolgend. Platzieren sie ihn in der functions.php Ihrer Website – die Datei können Sie unter Design/Theme-Editor bearbeiten:

// Externe Links immer im neuen Browserfenster oeffnen
function add_target_blank() { ?>
    <script type="text/javascript">
        jQuery(document).ready(function($) {
        $('a')
            .filter('[href^="http"], [href^="//"]')
            .not('[href*="' + window.location.host + '"]')
            .attr('rel', 'noopener noreferrer')
            .attr('target', '_blank');
        });
    </script>
<?php }
add_action('wp_footer', 'add_target_blank');

Dieser Code sucht nun alle Ihre Links ab.

  • Verweist ein solcher Link auf eine Seite Ihrer eigenen Domain, wird die URL im selben Fenster aufgerufen (target=”_self”).
  • Verweist hingegen ein Link auf einen Inhalt einer anderen Domain wird im Code sogleich target=”_blank” angehängt und die URL öffnet in einem neuen Browserfenster.

Nett. Oder? Erspart viel Handarbeit.

Werbung

Werbung

 

Kostenlose WordPress- und Divi-Tricks im Abo

Wir schicken Ihnen sporadisch (weniger als 10x jährlich) neue Tricks für Wordpress und das Divi-Theme, aber auch hilfreiche CSS- und HTML-Codes frei Haus.

Füllen Sie zur Anmeldung das folgende Formular aus. Angaben mit * sind Pflichtangaben.









Vielen Dank.

Pin It on Pinterest

Share This