Versionen im Vergleich

Schlüssel

  • Diese Zeile wurde hinzugefügt.
  • Diese Zeile wurde entfernt.
  • Formatierung wurde geändert.

...

Inhalt
maxLevel4
indent20px
stylecircle

Info

Jetzt kann es losgehen mit der Erstellung von Inhalten. Wichtig ist, dass ihr in einer Entwurfsumgebung arbeitet. Keine der hier vorgenommenen Änderungen ist direkt Live zu sehen. Daher braucht ihr euch keine Sorgen zu machen, falls einmal etwas schief geht.

Wie ihr die Inhalte aus den Entwurfsumgebung freigeben könnt erfahrt ihr unter dem "Punkt Freischalten von Inhalten".
Falls es hier zu Problemen kommen sollte stehen wir euch unter online@dpsg.de für Fragen zur Verfügung. 

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)

Image Added

Image Added

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.

Image Added

Image Added

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.

 

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.

Image Added

Image Added

Image Added

 

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)

Image Added

Image Added

Image Added

Image Added

Image Added

Image Added

Ansprechpartner/innen

Ansprechpartner/-innen werden zentral in einem Ordner (Sysfolder) als Datensatz gespeichert und können von dort aus in jede beliebige Seite mehrfach eingebunden werden. Sollten sich Kontaktdaten ändern, so können diese in dem entsprechenden Datensatz angepasst werden, ohne jede einzelne Seite bearbeiten müssen.

 

Ansprechpartner/in anlegen und editieren

Über das Listen-Modul muss der Ordner (Sysfolder) mit den Ansprechpartner/innen ausgewählt werden. Anschließend können entweder über das Plus-Icon neue Datensätze angelegt oder über das Bleistift-Icon vorhandene Datensätze bearbeitet werden.

Image Added

Ansprechpartner/in in Seite einbinden

Über das Seitenmodul können Ansprechpartner/innen an jede beliebigen Position eingebunden werden. In diesem Fall in der Linken Spalte unter der Navigation

Image Added

Die Inhalte werden über das Plugin "Adressen" ausgegeben. Über das Ordner-Icon können einzelne Adressen ausgewählt werden. Alternativ können auch Gruppen mit mehreren Adressen gewählt werden. 

Wichtig ist, dass als Ausgangspunkt der Ordner mit den Adressen (Ansprechpartner/innen) angegeben wird. Ist das nicht der Fall, so kann es sein, dass die Adressen auf der Internetseite nicht angezeigt werden.

Image Added