WordPress: Links in neuem Browser-Fenster-/Tab öffnen

Manchmal möchte man Links die sich im Inhaltsbereich eines WordPress-Beitrags befinden in einem neuen Browserfenster bzw. -Tab öffnen lassen. Das macht beispielsweise Sinn, wenn es sich um einen Link auf ein PDF-Dokument handelt.

Block Editor

Im Block-Editor markiert ihr zunächst den Textabschnitt, der verlinkt werden soll. Anschließend klickt ihr in der Werkzeugleiste das Link-Icon an. Es öffnet sich ein Fenster, in dem ihr das Link-Ziel eintragen könnt. Unten im Dialog steht die Option »in neuem Tab öffnen«. Einige Plugins wie z.B. Yoast SEO ergänzen den Dialog um weitere Optionen.

Wenn ihr den visuellen Editor verwenden möchtet, muss zunächst bereits ein Link gesetzt worden sein. Wenn das der Fall ist, platziert ihr den Cursor im verlinkten Text und klickt in der Optionsleiste des Editors noch einmal das Link-Icon an.

Das Link-Icon in der Optionsleiste des WordPress-Editors
Das Link-Icon in der Optionsleiste des WordPress-Editors

Es öffnet sich innerhalb von WordPress ein neues Fenster. Hier setzt ihr den Haken bei „Links in neuem Fenster oder Tab öffnen“. Anschließend bestätigt ihr die Eingabe.

Links über den visuellen WordPress-Editor konfigurieren
Links über den visuellen WordPress-Editor konfigurieren

Um in HTML Links in einem neuen Fenster zu öffnen, reicht das Attribut target=" _blank". Wenn ihr Links über den Editor hinzugefügt habt, hat WordPress das Attribut bereits automatisch in den Quellcode geschrieben.

Wenn Ihr die Anpassung selbst vornehmen möchtet, wechselt zunächst in die Text/HTML-Ansicht des Editors. Anschließend sucht ihr den passenden Link (<a href="ziel-des-links">Verlinkter Text</a>) und fügt hier das o.g. Attribut ein. Das Ergebnis sollte von Aufbau anschließend so aussehen: <a href="ziel-des-links" target="_blank">Verlinkter Text</a>

Geschrieben von Jonas

Benutzerbild

Jonas ist Gründer der Agentur kulturbanause und des kulturbanause Blogs. Er arbeitet an der Schnittstelle zwischen UX/UI Design, Frontend und Redaktion und hat zahlreiche Fachbücher und Video-Trainings veröffentlicht. Jonas Hellwig ist regelmäßig als Sprecher auf Fachveranstaltungen anzutreffen und unterstützt mit Seminaren und Workshops Agenturen und Unternehmen bei der Planung, der Gestaltung und der technischen Umsetzung von Web-Projekten.

Jonas Hellwig bei Xing

Feedback & Ergänzungen – 10 Kommentare

  1. Sou
    schrieb am 24.01.2017 um 21:05 Uhr:

    Grüß Dich, Jonas,
    Dank‘ Dir erst einmal für die vielen Tipps, super!

    Wie Du oben beschrieben hast, kann man im Fenster für die Links den Haken setzen für das externe Fenster/Tab. Genau dieses Häkchen vermisse ich, wenn ich einen externen Link in einem Menü einsetze. (Menü > Individueller Link) Hast Du eine Idee, wie ich die Links im Menü in einem neuen Fenster/Tab öffnen lassen kann?
    Dank‘ Dir fürs Drübernachdenken!
    LG Sou

    Antworten
  2. Rina
    schrieb am 24.08.2016 um 17:12 Uhr:

    Hallo Jonas,
    Es gibt folgendes Problem:
    Ich habe den Quellcode für meinen Button, allerdings lässt sich partou die Seite nicht in einem neuen Fenster öffnen. Der Quellcode :
    [link_button link=“http://www.google.com“ size=“medium“ bgcolor=“#fc2628″ color=“#fff“ align=“left“]Button Text[/link_button]

    Wo muss ich jetzt genau target_blank“ einsetzen?
    Vielen Dank im voraus! :)

    Antworten
    • Jonas Hellwig
      schrieb am 30.08.2016 um 13:23 Uhr:

      Hallo Rina, bei deinem Code handelt es sich um einen WordPress-Shortcode. Es ist abhängig vom Shortcode wie und ob Links in einem neuen Tab geöffnet werden können. Daher kann ich dazu leider nichts sagen.

      Antworten
    • Daniel
      schrieb am 15.07.2018 um 20:20 Uhr:

      Auch wenn der Beitrag hier schon sehr alt ist…ich war gerade auf der Suche nach der selben Lösung wie Rina.
      Anstatt target=““ einfach target=“_blank“ setzen und schon öffnet sich der Link in einem neuen Fenster :-)

      Antworten
  3. Stefan
    schrieb am 02.06.2016 um 07:46 Uhr:

    Hallo Jonas. Bin noch ganz neu dabei meinen eigenen Blog zu gestalten. Arbeite mich immer noch in WordPress ein – nutze aber auch schon das Plugin YOAST! YOAST schrieb „Diese Seite hat keine ausgehenden Links; füge ggf. welche hinzu.“
    Ich mußte laaange googlen und bin heute – ENDLICH – bei dir fündig geworden, wie das geht! Wie gesagt, bin noch ANFÄNGER! :o)
    DANKE hier erst einmal!
    FRAGE: der Link wird momentan noch mit http:// in meinem Beitrag angezeigt – ich hätte dort jedoch gerne nur den Namen der Seite – hast du dafür auch eine Anleitung, bitte?
    DANKE im voraus.
    Gruß Stefan

    Antworten
    • Jonas Hellwig
      schrieb am 02.06.2016 um 07:54 Uhr:

      Hallo Stefan, hier findest du ein paar Grundlagenartikel. Dieser hier sollte dir helfen.

      Antworten
  4. eCommerce KMU – Blog über SEO, Magento und Internetseiten | Link in neuem Fenster öffnen? Wann sollten Links in neuem Tab/Window geöffnet werden und wann nicht?
    schrieb am 02.02.2016 um 11:01 Uhr:
  5. Sophie
    schrieb am 24.03.2015 um 12:54 Uhr:

    Hallo Jonas, eine Frage: wie kann man den Titel des Tabs, in dem sich das pdf Dokument öffnet, bearbeiten? Vielen Dank !

    Antworten
    • Jonas Hellwig
      schrieb am 24.03.2015 um 23:38 Uhr:

      Der Titel wird vom Dateinamen der PDF abhängen.

      Antworten
      • Andreas
        schrieb am 21.04.2016 um 11:07 Uhr:

        Ja, kann man. Man muss aber dazu vorher das PDf via Acrobat Pro etc. bearbeiten.

Kommentar zu dieser Seite

Wir freuen uns über Anregungen, Ergänzungen oder Hinweise zu Fehlern. Wir lesen jeden Eintrag, veröffentlichen aber nur, was den Inhalt sinnvoll ergänzt.

WordPress-Projekte mit kulturbanause

Wir wissen wovon wir reden. Wir setzen WordPress seit über 10 Jahren erfolgreich ein und realisieren maßgeschneiderte Websites auf Basis dieses großartigen CMS.

WordPress-Leistungsangebot →

Schulungen von kulturbanause

Wir bieten Seminare und Workshops zu den Themen Konzept, Design und Development. Immer up-to-date, praxisnah, kurzweilig und mit dem notwendigen Blick über den Tellerrand.

Übersicht Schulungsthemen →