zum Hauptmenü zum Seiteninhalt zur Subnavigation zum Footermenü zur Suchfunktion zu den Hinweisen der Barrierefreiheit


Inhaltselement Text & Medien

Inhalt mit Textlinks

Internen Link auf eine andere Seite erzeugen

Bildschirmansicht eines Content-Management-Systems (CMS). Links sind verschiedene Menüoptionen aufgelistet. In der Mitte ist ein Texteditor sichtbar, der eine Überschrift und einen erläuternden Text über ein Thema enthält. Der Text behandelt Erfahrungen und Empfindungen mit Schmerz.

Um ein bestehendes Inhaltselement zu bearbeiten, um z.B. Textlinks einzufügen, klicken Sie auf den Button mit dem Bleistift.

Das Bild zeigt eine Benutzeroberfläche von TYPO3, einem Content-Management-System. Es sind verschiedene Menüpunkte sichtbar, darunter Seiten, Dateien und Nachrichten, sowie ein Textfeld mit einer Überschrift und einem absatzweise gestalteten Text.

Nun können Sie im Editor die gewünschten Änderungen vornehmen. Beispielsweise das Einfügen des Textes für die Textlinks.

Das Bild zeigt eine Benutzeroberfläche eines Content-Management-Systems mit Menüelementen auf der linken Seite. In der Mitte sieht man ein Eingabefeld für Text mit einer Überschrift und einem bearbeitbaren Textbereich, der Beispiele und Links enthält.

Um einen Textlink zu erzeugen, markieren Sie den zu verlinkenden Text und Klicken Sie dann auf den Link-Button (Ketten-Symbol).

Ein Screenshot eines Link-Browsers in einem Content-Management-System zeigt Felder für die Eingabe von Zielseite, Titel und CSS-Klasse. Links im Seitenbaum sind strukturiert und listen verschiedene Elemente und Seiten auf, die bearbeitet werden können.

Es öffnet sich ein Popup. Achten Sie darauf das oben der Button "Seite" aktiv ist.

Ein Screenshot des Link-Browsers in TYPO3 zeigt eine Benutzeroberfläche mit Feldern für Zielmaster, Titel und CSS-Klasse. Auf der linken Seite ist eine Baumstruktur mit verschiedenen Seiten und deren Unterseiten, die für die Navigation innerhalb des Systems verwendet werden.

Klappen Sie im nächsten Schritt den Seitenbaum links soweit auf, bis Sie die Seite sehen, auf die Sie verlinken möchten.

Das Bild zeigt ein Fenster des Link-Browsers in einer Website-Management-Software. Es enthält eine Hierarchie von Seiten mit Auswahlfeldern für Zielmaster, Titel und CSS-Klassen. Eine bestimmte Seite ist hervorgehoben und verweist auf Schulungsinhalte.

Schreiben Sie in das Feld "Titel" wohin Sie verlinken möchten. Idealerweise benutzen Sie an dieser Stelle den angezeigten Titel aus dem Seitenbaum Links.

Ein Screenshot eines Link-Browsers in der Typo3-Software. Das Fenster zeigt verschiedene Optionen, um einen Link zu erstellen, einschließlich Zielseite, Titel und CSS-Klasse. Auf der linken Seite befindet sich ein Inhaltsbaum mit unterschiedlichen Elementen.

Klicken Sie nun auf Ihre gewünschte Ziel Seite.

Screenshot einer Benutzeroberfläche von Typo3, die verschiedene Menüpunkte und ein Textfeld zur Eingabe enthält. Der Textbereich beschreibt Herausforderungen und Schmerzen im Leben, während Links zu weiteren Inhalten bereitgestellt werden.

Wählen Sie nun den Button "Link zu ...", also die Seite als Ziel. Alternativ könnten Sie hier auch auf Inhaltselemente innerhalb einer Seite verlinken (das sind dann Ankersprünge).

Screenshot einer Benutzeroberfläche zur Bearbeitung einer Seite. Es zeigt Optionen zur Eingabe eines Titels und Inhalts, mit einem hervorgehobenen Textfeld für die Beschreibung. Die Benutzeroberfläche ist in deutscher Sprache und enthält Ordner mit Navigationselementen auf der linken Seite.

Das Popup schließt sich und der Text ist entsprechend mit der Zielseite verlinkt.

Die Abbildung zeigt eine Webseite mit der Hauptüberschrift „Die Hauptüberschrift im Landkreis Ludwigsburg“. Darunter befindet sich ein Textabschnitt mit Informationen. Ein zentraler roter Kasten hebt einen Link hervor, der auf weitere Informationen verweist.

Nach "Speichern" und "Anzeigen" sehen Sie den Link entsprechend im Frontend. Wenn Sie die Maus über den Link halten und kurz warten, dann wird auch Ihr Titel des Links kurz angezeigt.

Externen Link erzeugen

Eine Benutzeroberfläche eines Content-Management-Systems (Typo3) ist zu sehen. Links sind Menüoptionen aufgelistet, während im Hauptbereich ein Texteditor mit einem Beispieltext sichtbar ist. Der Benutzer kann Links einfügen und den Text formatieren.

Die ersten Schritte für einen externen Link sind identisch. Sie markieren den zu verlinkenden Text und klicken dann auf den Link-Button.

Ein Dialogfenster zum Erstellen von Links. Es zeigt Felder für den Zieltext, den Titel, eine CSS-Klasse und die URL. Titel und CSS-Klasse sind hervorgehoben, und es gibt eine Schaltfläche zum Setzen des Links.

Es öffnet sich ein Popup. Wählen Sie das Tab Externe URL aus.

Ein Bildschirmfoto eines Link-Browsers in einem Content-Management-System. Es enthält Eingabefelder für Zielseite, Titel, CSS-Klasse und URL sowie Schaltflächen zur Verwaltung von Links. Die Benutzeroberfläche zeigt Optionen zum Hinzufügen von Links zu einer Webseite.

Füllen Sie 3 Felder aus. Das Ziel, den Titel und die URL. Das Ziel wählen Sie (falls nicht vorausgefüllt) mit dem Pulldown rechts davon und dort "Neues Fenster". Zum Schluß klicken Sie auf "Link setzen".

Bildschirmansicht eines Content-Management-Systems (CMS) zeigt die Bearbeitungsoberfläche mit verschiedenen Menüpunkten. Ein Textfeld ist sichtbar, das eine Überschrift und einen ausführlichen Text enthält. Es wird ein Link erwähnt. Die Benutzeroberfläche ist auf Deutsch.

Nachdem Sie den Link gesetzt haben, wird der Text im Editor wieder unterstrichen und farbig angezeigt.

Platzhalter-Bild, das eine Webseite im Landkreis Ludwigsburg darstellt. Oben ist eine Hauptüberschrift sichtbar, gefolgt von einem Textabschnitt. Links ist ein Navigationsmenü mit verschiedenen Optionen zu sehen. Der Hintergrund zeigt eine unscharfe Landschaft mit Bäumen.

Nach "Speichern" und dann "Anzeigen" sehen Sie in der Vorschau den erstellten externen Link.

E-Mail-Link erzeugen

Ein Screenshot einer Webseite zeigt das Backend eines Content-Management-Systems. Links sind Menüoptionen wie „Seiten“ und „Dateien“ zu sehen. In der Mitte wird ein Text bearbeitet, der sich mit Schmerzen beschäftigt, und enthält Links zu weiteren Informationen.

Die ersten Schritte für einen E-Mail-Link sind identisch. Sie markieren den zu verlinkenden Text und klicken dann auf den Link-Button.

Ein Fenster des Link Browsers in einem Content-Management-System zeigt Eingabefelder für Titel, CSS-Klasse und E-Mail-Adresse. Der Titelbereich enthält den Text „Verweis zur Seite xxxxx in einem neuen Fenster“. Das Design ist einfach und funktional, mit einer dunklen Hintergrundfarbe.

Es öffnet sich ein Popup. Wählen Sie das Tab E-Mail aus.

Ein Bildschirmfoto eines Link-Editors zeigt ein geöffnetes Fenster mit Feldern für den Linktyp, CSS-Klasse, E-Mail-Adresse und eine Schaltfläche "Link erstellen". Wichtige Informationen sind die Eingabe "E-Mail senden" und die erwähnte E-Mail-Adresse "manager@domain.at".

Tragen Sie den Titel ein "Email senden...", dann in das Feld die E-Mail-Adresse und zum Schluss klicken Sie auf den Button "Link setzen". Alle anderen Felder sind optional und würden dann entsprechend im Emailprogramm vorausgefüllt sein.

Screenshot einer TYPO3-Backend-Oberfläche mit einem offenen Texteditor. Der Benutzer erstellt oder bearbeitet Inhalte, einschließlich einer Überschrift und Text. Links erscheinen Menüpunkte für die Webseitenverwaltung. Das Layout zeigt Bereiche für Webseiteninhalte und Anpassungen.

Nachdem Sie den Link gesetzt haben, wird der Text im Editor wieder unterstrichen und farbig angezeigt.

Platzhalterbild auf einer Webseite, die Informationen zum Landkreis Ludwigsburg präsentiert. Oben sind Menüs zu sehen, und im Mittelpunkt steht eine Hauptüberschrift, die auf weitere Inhalte hinweist. Ein roter Kasten hebt eine spezielle Aussage hervor.

Nach dem "Speichern" und wieder "Anzeigen" sehen Sie in der Vorschau den erzeugten Email Link.

Datei-Link erzeugen

Hinweis

Dateilinks sollten nicht mehr im Editor erzeugt werden. Benutzen Sie für Dateien immer das Inhaltselement Dateilinks. Dies hat den Vorteil, das der Typ der Datei, sowie die Größe automatisch mit angezeigt wird.