Zur Suche springen Zur Navigation springen Zum Hauptinhalt springen Zum Footer springen

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.
In WordPress habt ihr zwei Möglichkeiten vorzugehen: entweder ihr nutzt den visuellen Modus des Editors, oder die Text/HTML-Ansicht.

Schulungen von kulturbanause

Intensive Trainings mit hohem Praxisbezug.

Visueller Editor: Links in neuem Fenster oder Tab öffnen

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

Text/HTML-Editor: Links in neuem Fenster oder Tab öffnen

Um in HTML Links in einem neuen Fenster zu öffnen, reicht das Attribut target=" _blank". Wenn ihr Links über den visuellen 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

thumb

Jonas ist Gründer der Webdesign Agentur kulturbanause® und des kulturbanause® Blogs. Er übernimmt Projektleitung, Grafik sowie Frontend- und WordPress-Development und hat zahlreiche Fachbücher und Video-Trainings veröffentlicht. Als Dozent leitet er Schulungen und Workshops. Am liebsten beschäftigt er sich mit Projekten und Themen, die ihn gleichermaßen konzeptionell als auch gestalterisch und technisch fordern.

Seminare mit Jonas Hellwig anzeigenJonas 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 (Autor)
      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 (Autor)
      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 (Autor)
      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 →