Header

Suche

Links und Anker

Beschreibung

Links führen zu Webseiten, Ankern auf Webseiten, E-Mail-Adressen oder zu Dateien (Download-Links). Je nach Link-Typ oder Ziel-URL ist die Darstellung unterschiedlich:

www.zi.uzh.ch: Link auf eine UZH-Website
www.snf.ch: Link auf eine externe Website
Asset (PDF, 6 KB): Download-Link auf eine Datei im Asset-Verzeichnis
Beispiele: Link zum automatisch generierten Anker «Beispiele» unten auf dieser Seite

Tipps

  • Beschreiben Sie im Linktext das Linkziel möglichst genau. Verwenden Sie z.B. bei Webseiten deren Seitentitel.
  • Platzieren Sie Links möglichst am Ende eines Absatzes und nicht mittendrin. Dies erhöht die Lesbarkeit und die Übersicht.
  • Anker sind Stellen einer Webseite, die mit Links direkt erreicht werden können.
Link einfügen/editieren
  1. Erstellen und markieren Sie den Linktext
  2. Wählen Sie die Schaltfläche «Link einfügen/editieren»
  3. Link-Typ: Wählen Sie URL, Anker oder E-Mail
  4. Bestätigen Sie mit OK

Link-Typ «URL»

URL: Geben Sie die vollständige URL ein.
Option «Link öffnet neues Fenster /Tab»:

  1. Reiter «Zielseite»
  2. Neues Fenster (_blank)

Link-Typ «Anker»

  • Es werden nur die Anker dieser Text/Bild-Komponente angezeigt.
  • Text/Bild-Komponenten erhalten automatisch einen Anker. Der Ankername ist der Titel, Leerschläge werden zu underlines (_). Der Anker der untersten Komponente dieser Seite «Beispiele für Links» heisst also: #Beispiele_für_Links.
    Der Link zu einem Anker ist: Seiten-URL + #Ankername
    z.B.: https://www.cms.uzh.ch/de/links.html#Beispiele_für_Links
  • Links auf Anker funktionieren nicht in der Seitenvorschau, erst in der Live-Version.

Link-Typ «E-Mail»

Geben Sie eine E-Mailadresse ein. Optional können Sie auch einen Betreff und einen Mailtext vorgeben.

Link to Magnolia page
  1. Erstellen und markieren Sie den Linktext
  2. Wählen Sie die Schaltfläche «Link to Magnolia page»
  3. Wählen Sie die Zielseite im Sitetree und bestätigen Sie mit «Auswählen»
Link to DAM document
  1. Erstellen und markieren Sie den Linktext
  2. Wählen Sie die Schaltfläche «Link to DAM Document»
  3. Wählen Sie die Datei im Asset-Verzeichnnis und bestätigen Sie mit «Wählen»

Hinweise für PDF-Dateien

PDF auf einer bestimmten Seite anzeigen

Fügen Sie im Quellcode am Ende des Links die Seitenzahl in dieser Form ein: #page=X (X=Seitennumer).
Quellcode-Beispiel: <a href="…/Beispiel.pdf#page=12">Beispiel</a>

PDF herunterladen statt im Browser anzeigen

  1. Platzieren Sie den Cursor im Download-Link
  2. Klicken Sie auf das Icon "Link einfügen/editieren"Wechseln Sie zum Tab "Erweitert"
  3. Aktivieren Sie "Herunterladen erzwingen"
Asset herunterladen erzwingen
Link entfernen
  1. Klicken Sie in den Linktext
  2. Wählen Sie die Schaltfläche «Link entfernen»
  3. Der Text bleibt, ist aber nicht mehr verlinkt

Anker

Anker
  1. Setzen Sie den Cursor an die gewünschte Stelle.
  2. Wählen Sie die Schaltfläche «Anker einfügen»
  3. Geben Sie einen Anker-Namen ein und bestätigen Sie mit «OK»
    (der Anker wird im Editor-Fenster mit einem Fähnchen gekennzeichnet.)
  4. Der Link zu diesem Anker lautet dann URL + #Ankername, z.B.:
    www.cms.uzh.ch/de/documentation/components/textimage/links.html#Lorem
Link einfügen/editieren
  1. Links: Klicken Sie in den Link
  2. Wählen Sie Schaltfläche «Link einfügen/editieren»
  3. Machen Sie die gewünschten Änderungen, z.B. die Option «Link öffnet neues Fenster/Tab:
    1. Reiter «Zielseite»
    2. Neues Fenster (_blank)

Anker entfernen

  1. Markieren Sie das rote «Fähnchen» im Editor
  2. Löschen Sie es mit der Delete-Taste .
Anzeige eines toten Links im CMS

Nicht funktionierende Links Ihrer Website werden im Authoring in rot und mit einem Symbol angezeigt. Eine Übersicht aller toten Links sehen Sie auf der Seite «Unerreichbare Links»: Linkcheck

Link auf externe Website (www.nzz.ch)
Link auf UZH-Website (www.cd.uzh.ch)
Link auf diese Website (www.cms.uzh.ch/de/support)
Link auf "Beschreibung" auf dieser Website (...#Beschreibung) (automatisch erstellter Anker)
Link auf eine Email-Adresse (cms-support@zi.uzh.ch)

Anker-Beispiel "Lorem": Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Weiterführende Informationen

Komponente «Inhaltsverzeichnis» erstellt Anker-Links automatisch

Jede Text-Bild-Komponente erhält automatisch einen Anker an ihrem Anfang. Die Komponente «Inhaltsverzeichnis» erstellt automatisch Links zu diesen Ankern. Diese Links werden mit dem Titel der jeweiligen Komponente angezeigt.

Editor-Funktionen

Eine Übersicht über die Funktionen der Editor-Schaltflächen finden Sie unter «Editor (Übersicht)».

Tiny URLs / URL Shortener

Der UZH URL Shortener erstellt für lange URLs eine kurze Version, z.B.:
tiny.uzh.ch/xyz  oder  t.uzh.ch/xyz