Einen Link setzen

Wie setze ich einen Link?

Um Inhalte auf Ihren Seiten zu verlinken, markieren Sie zunächst den zu verlinkenden Text (1.). Achten Sie darauf, keine Leerzeichen vor oder nach dem Text mitzumarkieren.

Klicken Sie dann auf das Kettenglied-Symbol (2.). Es öffnet sich der Link Browser. Sie haben die Möglichkeit, folgende Arten von Links zu setzen:

  • Seite innerhalb des Typo3-Systems der Uni (interner Link)
  • Datei in der Dateiliste
  • Seite außerhalb unseres Typo3-Systems (externer Link)
  • E-Mail-Adresse
  • News
 

Unterschiedliche Link-Typen

Wenn Sie einen Verweis (interner Link) auf eine Seite innerhalb des Typo3-Systems der Uni erstellen möchten, dürfen Sie nie die URL kopieren und die Seite als externe URL verlinken, sondern:

  1. Wählen Sie immer die Option "Seite".
  2. Geben Sie ein Wort aus dem Titel der Seite, auf die Sie verlinken möchten, in die Suchleiste ein. Sie erhalten dann alle Seiten angezeigt, die diesen Suchbegriff im Seitentitel haben.
  3. Wenn Sie keinen Suchbegriff eingeben, wird Ihnen im Seitenbaum dieses Handbuch, Ihre eigenen Webseiten (im Beispiel: Testseiten) sowie der Seitenbaum des kompletten Webauftritts der Universität angezeigt.
  4. Mit den Dreiecken öffnen Sie die Unterseiten. So können Sie, auch ohne die Suchfunktion zu nutzen, eine bestimmte Unterseite heraussuchen.
  5. Klicken Sie auf die Seite, auf die Sie verlinken möchten (im Beispiel "Testseiten"). Anschließend können Sie entscheiden, ob Sie auf die Seite an sich oder auf einen bestimmten Seiteninhalt, der sich auf dieser Seite befindet, verlinken möchten.
  6. Um direkt auf eine Seite zu verlinken, klicken Sie auf den Button "Link to...". Der Link führt dann zum Anfang dieser Seite.
  7. Unter dem Button werden die Inhaltselemente dieser Seite angezeigt. Wenn Sie auf einen bestimmten Inhalt verlinken möchten, klicken Sie auf das entsprechende Inhaltselement. Der Link führt dann nicht zum Seitenanfang, sondern direkt zu diesem Seiteninhalt.
  8. Bei "Titel" können Sie bestimmen, was in dem kleinen Textfenster angezeigt wird, das erscheint, wenn man mit der Maus über den Link fährt ohne zu klicken (Tooltip). Hier sollten Sie erklären, wohin dieser Link führt. Das ist wichtig für die Nutzerfreundlichkeit und Barrierefreiheit der Webseite.
  9. Bei "Zielfenster" dürfen Sie keine Änderungen vornehmen, da interne Links immer im gleichen Brosertab aufgehen sollten.
 

Mit der Option "Datei" können Sie Dateien verlinken (z.B. PDF), die Sie vorher in die Dateiliste hochgeladen haben.

  1. Im Verzeichnisbaum sehen Sie neben dem zentralen Verzeichnis "Motive" Ihre eigenen Dateien. Zu den Unterordnern gelangen Sie mittels Klick auf die Dreiecke. Suchen Sie dort die gewünschte Datei heraus.
  2. Bei "Titel" tragen Sie ein, um welches Dokument es sich handelt.
  3. Bei "CSS-Klasse" können Sie das Symbol, welches den Link als Dateilink kennzeichnet, entfernen.
  4. Damit sich die Datei in einem eigenen Browsertab öffnet, sollten Sie unter "Zielfenster" keine Änderungen vornehmen.
 

Unter "Externe URL" können Sie auf eine Seite außerhalb des Uni-Systems verlinken.

  1. Bei "URL" geben Sie die komplette URL (Internetadresse) ein, auf die Sie verlinken möchten.
  2. Bei "Titel" vermerken Sie, zu welcher Seite der Link führt.
  3. Unter "CSS-Klasse" können Sie das Symbol, welches den Link als externe URL kennzeichnet, entfernen.
  4. Unter "Zielfenster" sollten Sie keine Änderungen vornehmen, damit sich der Link in einem eigenen Browsertab öffnet.
  5. Anschließend klicken Sie auf "Link setzen".
 

Um eine E-Mail-Adresse zu verlinken, nutzen Sie den Reiter "E-Mail".

  1. Tragen Sie die E-Mail-Adresse ein. Das @-Zeichen wird auf der Webseite automatisch in (at) umgewandelt.
  2. Unter "Titel" sind keine Eintragungen nötig.
  3. Bei "CSS-Klasse" können Sie der verlinkten E-Mail-Adressen einen kleinen Briefumschlag voranstellen. Wir empfehlen jedoch, dieses Symbol nicht zu verwenden, da es nicht von allen Browsern korrekt dargestellt wird.
  4. Klicken Sie auf "Link setzen".
 

Links als Button stylen

Sie können einen Link auch so stylen, dass er wie ein Button aussieht. Hierfür stehen die Farben Magenta und Blau zur Verfügung.

Erstellen Sie zunächste die Verlinkung wie oben beschrieben. Markieren Sie dann im Text-Editor den verlinkten Text und öffnen Sie das Menü unter "Stil" (1.). Wählen Sie den gewünschten Button (2.). Speichern nicht vergessen.

Beachten Sie bitte, dass sich Buttons nur für kurze Ankertexte eignen. Längere Verlinkungen sollten Sie nicht als Button stylen.