Inhaltselemente
Um Inhalte darstellen zu können müssen sogenannte Inhaltselemente angelegt werden.
In Typo3 gib es verschiedenen Inhaltselemente. Ich werde euch in diesem Artikel die Standardelemente vorstellen die ihr benötigen werdet.
Aufbau einer Inhaltsseite:
Überschrift (H1)
Headerbild mit Rahmen (der Rahmen wird automatisch hinzugefügt.)
Seiteninhalt: Texte, Bilder etc.
Überschriften (H1, H2 etc)
Headlines 1 – 3 für die Gliederung der Inhalte benutzen. Headlines entsprechend der Wichtigkeit einsetzen.
Headlines 1 = Hauptüberschrift (Thema des Artikels), nur einmal auf der Seite einsetzen!
Headline 2 = Absatzüberschrift, Gliederung der Inhalte
Headline 3 = zusätzliche Zwischenüberschriften
Headlines 4 – 6 benutzen, wenn ein Text nicht so wichtig ist wie bei Headline 1 – 3, sich aber trotzdem vom Fließtext absetzen soll (z. B. als Überschrift vor einer Liste)
Links setzen
Zielfenster "Neues Fenster" für externe Links setzen, interne Links Feld leer lassen
interne Links: relative Verknüpfung (nicht www.dpsg.de... sondern über Funktionsmenü -> Seite auswählen).
Title angeben dies sorgt für mehr Barrierefreiheit und eine besser Suchmaschinenoptimierung.
Anlegen von Seiten
Seiten können oben im Seitenbaum über "neue Seiten erstellen" -> "Standard" erstellt und direkt an die gewünschte Position im Seitenbaum gezogen werden.
Mit Rechtsklick "Bearbeiten" kann die Seite aktiviert und der Seitentitel bearbeitet werden. (Neu angelegte Seiten sind immer deaktiviert, erkennbar am roten Symbol im Seitenbaum)
Anlegen von Überschriften und Texten
Sobald ihr auf einer Seite seid könnt ihr im rechten Bereich auf "Neuen Datensatz an diesem Ort hinzufügen" klicken.
Dann könnt ihr das entsprechende Element auswählen. In unserem Fall eine Überschrift oder einen Text.
Nachdem die Texte eingegeben sind muss in der Kopfzeile noch gespeichert werden.
Bitte niemals Texte aus Word direkt kopieren. Über einen Editor werden Formatierungen und Links entfernt. Diese führen sonst häufig zu Problemen.
Achtung Bug
Leider passiert es häufig, dass integrierte Bilder in der Vorschau nicht angezeigt werden. Im Moment haben wir noch keine Lösung für dieses Problem. Schreibt uns bei der Freigabe einen passenden Hinweis und wir kontrollieren die Bilder für euch.
Integration von Bildern
Bilder werden nicht direkt auf der Seite hochgeladen. In der Seitenleiste "Datei" -> "Dateiliste" wählen und den zugehörigen Ordner auswählen/erstellen. In den Ordner klicken und über "Dateien hochladen" -> "Dateien auswählen" Bilder aus einem Ordner "öffnen" und über "Hochladen" im ausgewählten Ordner speichern.
Weiter geht es über das Modul "Web" -> "Seite". Hier die zu bearbeitenden Seite anwählen und ein neues Inhaltselement "Text und Bilder" oder "Nur Bilder" auswählen. Die Registerkarte "Bilder" auswählen und über "Bild hinzufügen" das im vorherigen Schritt hochgeladene Bild via klickenauswählen. Danach den Titel des Bildes, Alternativtext und ggf. einen Link oder eine Beschreibung zum Bild hinzufügen und speichern. Unter der Registerkarte "Erscheinungsbild" Kann noch der Zuschnitt und die Positionierung des Bildes vorgenommen werden.
Die Wichtigsten Bildgrößen sind
Ganze Breite (ohne linker Navigation): 1160px × 400px
Ganze Breite (mit linker Navigation): 860px × 300px
Normales Bild im Fließtext Variante 1: 265px × beliebig (wenn Rahmen aktiviert)
Normales Bild im Fließtext Variante 1: 270px × beliebig (wenn Rahmen nicht aktiviert)
Normales Bild im Fließtext Variante 2: 415px × beliebig (wenn Rahmen aktiviert)
Normales Bild im Fließtext Variante 2: 420px × beliebig (wenn Rahmen nicht aktiviert)
Bearbeitung bereits angelegter Inhalte
Bereits angelegte Inhalte könnt ihr ganz einfach bearbeiten. Mit der Maus über das zu bearbeitende Element fahren und auf den Stift "Bearbeiten" klicken. Jetzt kann das Element wie gewohnt editiert werden.
Nach der Bearbeitung "Speichern" klicken.