Content-Element "Text"

MH

Abb 1.

Dieses zentrale Element ist im Content-Element "Text & Medien" mit enthalten. Dort gibt es außerdem die Möglichkeit, ein Bild einzubinden, dies auf unterschiedliche Weise mit dem Text zu kombinieren und ein spezielles Layout "Call to action" zu nutzen:

zum Content-Element "Text & Medien"

Schritt-für-Schritt-Anleitung für das Content-Element "Text":

1. Wechseln Sie ggf. zum Webmodul "Seite" und dann auf die Seite an die Stelle, wo Sie das Element einfügen möchten.

2. Klicken Sie auf "+Inhalt", um ein neues Inhaltselement zu erstellen.

3. Es öffnet sich eine Dialogbox. Im Reiter "Typische Inhaltselemente" finden Sie das Element "Text", das durch Klicken erstellt wird - siehe Abbildung 1

MH

Abb. 2

4. Im Reiter "Allgemein" können Sie nun eine Überschrift (s. Abb. 2) eintragen (optional).

Die Überschrift wird standardmäßig linksbündig ausgegeben. Wählen Sie bei "Ausrichtung" die Option "Mitte" aus, um sie zu zentrieren.

Die Auswahl bei "Typ" bestimmt, wie groß die Überschrift ausgegeben wird und welche hierarchische Stellung sie auf der gesamten Unterseite hat. Als Standard ist h1 hinterlegt. Wir möchten darauf hinweisen, dass sich für Barrierearmut und Suchmaschinenoptimierung eine h1-Überschrift genau 1x auf einer Seite befinden sollte, und zwar so weit oben wie möglich.

Tipp: Auch wenn Sie in diesem Feld keine Überschrift brauchen, ist es nützlich, diese einzutragen und den Typ auf "Versteckt (nur im System sichtbar)" zu setzen, damit Sie im Backend eine bessere Übersicht haben

MH

Abb. 3

5. Im Texteditor haben Sie vielfältige Möglichkeiten, um den Text zu formatieren. Neben den bekannten Auszeichnungen innerhalb von Absätzen wie fett und kursiv können Sie einzelne Absätze z.B. wie folgt formatieren:

A: als Überschriften (zur Formatierung siehe den vorherigen Punkt 4)

B: kleineren Schriftarten zuweisen

C: zunächst als Aufzählung formatieren und dann einen Stil zuweisen

Tipp: Nachdem Sie Texte von anderen Websites oder aus Textbearbeitungsprogrammen in die Zwischenablage kopiert haben, verwenden Sie zum Einfügen den Kurzbefehl STRG + Umstelltaste + V. Das sorgt dafür, dass unerwünschte Auszeichnungen entfernt werden, Absätze aber erhalten bleiben.

Beispiele für die Ausgabe im Frontend:

Lorem ipsum dolor sit amet, Text fett consetetur sadipscing elitr, sed diam voluptua Text kursiv eos et accusam.

Überschrift, hier: h4

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore.

Absatz mit normal großem Text: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Absatz mit kleinerem Text: At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Aufzählung mit Haken:

ein Punkt
noch eine Sache
und weitere Info

MH

Abb. 4

6. Um Verlinkungen innerhalb eines Text-Absatzes zu setzen, gehen Sie folgendermaßen vor:

Markieren Sie den Text, der verlinkt werden soll
Klicken Sie auf das Kettensymbol; der Linkbrowser öffnet sich in einem eigenen Fenster - siehe Abb. 4

Es stehen sechs unterschiedliche Typen von Verlinkungen zur Auswahl - entsprechend der sechs Reiter:

Seite: interner Link zu einer Unterseite der eigenen Website
Datei: Download-Link zu einer Datei (i.d.R. PDF) auf der eigenen Website
Ordner: Verknüpfung zu einem Ordner mit Dateien auf der eigenen Website
Externe URL: externer Link auf eine andere Website
E-Mail: verknüpfte E-Mail-Adresse, ermöglicht direkten Aufruf einer adressierten Mail im eigenen Mailprogramms des Website-Besuchers
Telefon: verknüpfte Telefonnummer, ermöglicht direktes Telefonieren für den Website-Besucher

MH

Abb. 5

7. Interne Links erstellen - siehe Abbildung 5

Wählen Sie zunächst links im Seitenbaum die Unterseite aus, auf die der Link zeigen soll.

A: Falls noch verborgen, müssen Sie hierzu die Unterseiten mithilfe eines Klicks auf das kleine Dreieck aufklappen.

B: Klicken Sie nun im Seitenbaum die betreffende Seite an - diese wird übernommen (erkennbar daran, dass sie nun weiß hinterlegt ist)

C: Nun können Sie Verknüpfung durchführen: entweder durch Klick auf die Seite (siehe Markierung) oder auf eines der Content-Elemente unterhalb. In dem Fall zeigt die Verlinkung dann direkt auf das Element (= Ankerlink).

Sobald Sie die Verlinkung durch Klick erstellt haben, wird das Popup mit dem Linkbrowser geschlossen und Sie sind wieder im Content-Element. Sie erkennen die Verlinkung an der Unterstreichung im Text-Editor

MH

Abb. 6

8. Download-Link erstellen - siehe Abbildung 6

A: Wählen Sie im Linkbrowser oben den 2. Reiter "Datei" aus. Sie sehen nun links Ihre Dateiliste und können den Ordner auswählen, der die gewünschte Datei enthält

B: Damit sich der Download nicht im aktiven, sondern in einem separaten Browsertab öffnet, wählen Sie zunächst rechts oben bei "Zielfenster" die Option "Neues Fenster" aus

C: Nun können Sie die gewünschte Datei durch Klick übernehmen.

MH

Abb. 7

9. Externe Links erstellen - siehe Abbildung 7

A: Wählen Sie im Linkbrowser oben den 4. Reiter "Externe URL" aus.

B: Damit sich die externe Seite nicht im aktiven, sondern in einem separaten Browsertab öffnet, wählen Sie zunächst rechts oben bei "Zielfenster" die Option "Neues Fenster" aus

C: Nun tragen Sie die vollständige URL ein (https:// wird automatisch ergänzt). Durch Klick auf "Link setzen" wird die Verlinkung erstellt und der Linkbrowser schließt sich.

MH

Abb. 8

10. Verlinkungen als Button - siehe Abbildung 8

Sobald ein Link mit den gezeigten Methoden erstellt wurde, sieht er folgendermaßen aus: ein Link

Sie können den Link jedoch auch als Button anzeigen lassen, indem Sie den Link nun erneut markieren und im Texteditor links oben bei Stil im Dropdown "Button [a]" auswählen. Dann sieht der Link anschließend so aus:

ein Link