Links und Anker

Links können zu Webseiten, Ankern auf Webseiten, Email-Adressen oder zu Dateien (Download-Links) führen. 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 auf externe Webseite, Anker der gleichen Seite oder Email-Adresse

(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: URL, Anker oder E-Mail
   1. URL: Geben Sie die vollständige URL ein.
      Optional können Sie festlegen, dass der Link in einem neuen Fenster geöffnet wird:
      Zielseite: Neues Fenster (_blank)
   2. 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
   3. E-Mail: Geben Sie eine E-Mailadresse ein. Optional können Sie auch einen Betreff und einen Mailtext vorgeben.
4. Bestätigen Sie mit OK

Hinweis: Links auf Anker funktionieren nicht in der Seitenvorschau, erst in der Live-Version.

Links auf eigene Webseiten (interne Links)

(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»

Links auf Assets

(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»

PDF-Hinweise

PDF an 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"

(Link entfernen)

Link löschen (Linktext behalten)

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

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)

Link bearbeiten (z.B. Zielseite definieren)

1. Links/Anker: Klicken Sie in den Link/Anker
2. Wählen Sie Schaltfläche «Link einfügen/editieren»
3. Machen Sie die gewünschten Änderungen».
   Bsp.: Der Link soll in einem neuen Fenster geöffnet werden:
   1. Wählen Sie den Reiter «Zielseite»
   2. Wählen Sie: Target: Neues Fenster (_blank)

Anker entfernen

1. Markieren Sie das «Fähnchen» im Editor
2. Löschen Sie es mit der Delete-Taste .

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.