TYPO3 Downloadlinks und externe Links mit Stil kreieren (Fortgeschritten)
| Allgemeine Informationen | |
|---|---|
| Informationen | |
| Betriebssystem | Alle |
| Service | TYPO3 |
| Interessant für | Angestellte, Studierende und Bereiche |
| HilfeWiki des IMT der Uni Paderborn | |
In TYPO3 können Sie für Links auf Dateien, die in die Dateiliste hochgeladen wurden, den Stil "link-upb-download" und für externe Links, also für Links auf Seiten, die sich außerhalb des Gestaltungsbereichs der jeweiligen Redakteurin / des jeweiligen Redakteurs befinden, den Stil "link-upb-extern" wählen. Der Stil "link-upb-download" für Dateien bewirkt, dass hinter dem Link ein Download-Symbol angezeigt und die verlinkte Datei in einem neuen Browser-Tab geöffnet wird, der Stil "link-upb-extern" bewirkt, dass in der Webansicht hinter dem Link ein Symbol in Form eines Rechtecks mit einem nach rechts oben weisenden Pfeil darin angezeigt wird, die Seite wird hier in dem gleichen Browserfenster geöffnet (der Stil "link-upb-extern" ist somit nur eine visuelle Auszeichnung).
Was ist zu tun?
- Markieren der jeweiligen Textstelle
- Linkart im TYPO3 Kontextmenü anpassen
Schritt für Schritt Anleitung
Gehen Sie wie folgt vor: Schreiben Sie einen Text und markieren Sie die Wörter, die Sie als Link gestalten möchten:
Fügen Sie nun über "Link einfügen" und "Datei" oder "Externe URL" den gewünschten Link mit oder ohne einen extra eingestellten Stil ein. Bei diesem Beispiel wird zunächst bei "Pressestelle der Universität Paderborn" im ersten Satz ein externer Link ohne Extrastil eingefügt:
Um einen Link im Stil link-upb-extern hinzuzufügen, wählen Sie dies unter CSS-Klasse aus. Beachten Sie, dass es sich hier um ein Beispiel handelt, in der Praxis sollte man auf einer Webseite der Universität Paderborn natürlich nicht eine andere Webseite derselben Universität als extern kennzeichnen:
Alternativ können Sie einen Link unter Datei hinzufügen. Hier wurde ein Downloadlink ohne Extrastil erstellt:
Schließlich können Sie unter Datei einen Download im Stil link-upb-download hinzufügen:
Speichern Sie nun das Dokument und lassen Sie sich die Webseite anzeigen:
So sieht die Seite nun aus:
