Seiteninhalte - Beschreibung der Elemente

001 - Wählen Sie im Menü das Werkzeug „Seite“,

002 - im Seitenbaum die Seite, welche bearbeitet werden soll.

003 - Im Arbeitsbereich wird die Seiteneinteilung dargestellt, wie sie unter "Seiteneigenschaften/Erscheinungsbild/Backend-Layout" definiert ist.

004 - Klicken Sie im entsprechenden Content (Spalte), in welchem Sie einen Seiteninhalt erstellen wollen, auf die Schaltfläche „Neues Inhaltselement erstellen“.

Inhaltselemente

011 - Im Arbeitsbereich werden die Inhaltselemente aufgelistet, zu welchen Sie berechtigt sind.

Ob Sie einen Container mit Überschrift, einen Text, einen Text mit Bilder, etc. erstellen wollen, dass Vorgehen ist grundsätzlich dasselbe. Je nachdem welches Inhaltselement Sie wählen, werden Ihnen mehr oder weniger Formularfelder angezeigt. TYPO3 bietet Ihnen die Möglichkeit, jederzeit den Typ des Inhaltselements zu wechseln (z.B. vom Typ "Text" zu "Text & Bilder").

021 - Ritter „Allgemein“

022 - Das Pulldownmenü „Inhaltselement/Typ“ listet die Typen auf, zu welchen Sie berechtigt sind (analog 012).

023 - Pulldownmenü „Spalte“ listet die Contents (Position der Spalten) auf, welche das aktuelle Layout beinhaltet. Wechseln Sie das Layout, werden hier eventuell abweichende Contents aufgelistet. An dieser Stelle können Sie den Container mit dem Inhalt von einem Content in einen anderen „verschieben“.

024 - „Überschrift/Überschrift“: Tippen Sie hier den Titel des Containers ein.

025 - „Überschrift/Typ“: Legen Sie an dieser Stelle fest, mit welchem Format die Überschrift im Frontend ausgegeben werden soll.
Hinweis: Die Richtlinien für Suchmaschinen sehen vor, dass in jeder Seite ein Mal die Überschrift mit der Klassifikation „h1“ vorhanden sein soll. Die weiteren Überschriften sollen mit „h2“ bis „h5“ klassifiziert werden. Wobei diese Klassifikationen sooft verwendet werden dürfen wie beliebt.

026 - „Überschrift/Ausrichtung“: Hier wird die horizontale Ausrichtung der Überschrift festgelegt.

027 - Im Editor wird der Text eingegeben und formatiert, welcher im Frontend ausgegeben werden soll. Der Umgang mit dem Editor wird in der Anleitung „Texteditor“ abgehandelt.

031 - Ritter „Bilder“

Anmerkung: Bilder, welche in die Homepage eingebunden werden, sollten für diesen Zweck angepasst werden. Mit „falsch“ formatierten Bildern bestrafen Sie den Besucher wie sich selbst. Der Besucher muss eventuell lange warten bis die Seite aufgebaut wird und verlässt allenfalls die Homepage vorzeitig. Suchmaschinen wie Google bewerten unter anderem die Dauer des Seitenaufbaus wie auch die Bilddateien selbst. Entsprechend kann es sein, dass sie Rangpunkte „verschenken“ und ihre Homepage zurückgestuft wird. Eine Kurzanleitung wie Sie die Bilder für die Homepage vorbereiten können, haben wir unter dem Titel „Bilder für Homepage optimieren“ beschrieben.

032 - Bilder:

  • Schaltfläche „Bilder hinzufügen“ – Haben Sie das Bild bereits auf den Server übertragen, können Sie mittels Schaltfläche „Bilder hinzufügen“ das Bild direkt auf dem Server auswählen.
  • Schaltfläche „Dateien auswählen und hochladen“ – Wählen Sie diese Schaltfläche, können Sie das Bild auf ihrem Computer suchen und auswählen. Mit der Bestätigung wird das Bild auf den Server übertragen und in die Seite eingebunden. Aus folgenden Gründen raten wir von diesem Vorgehen ab:
    • Das Bild wird in ein Verzeichnis gespeichert auf welches Sie keinen Zugriff haben.
    • Wollen Sie das Bild an einer anderen Stelle einbinden ist dies nicht möglich. Das Bild muss erneut auf den Server übertragen werden. Alsdann wird der Speicher mehrfach mit derselben Datei belegt.
    • Nutzen Sie die Möglichkeit eine Seite oder einen Inhalt nur für registrierte Benutzer zuzulassen, funktioniert dies nur bedingt. Ein Bild, welches in das Standardverzeichnis gespeichert wird, kann mittels Browser direkt aufgerufen und ausgelesen werden. Kein Schutz für solche Dateien möglich.

033 - Media Adjustments: Legen Sie hier fest, in welcher Grösse ein Bild im Container angezeigt werden soll. Nützlich um Bilder harmonisch darstellen zu lassen.
Beispiel: Sie wollen 4 Bilder mit unterschiedlichen Grössen nebeneinander darstellen. Wenn Sie nun im Feld „Height of each element (px)“ eine Höhe festlegen, werden die Bilder in derselbe Höhe dargestellt. Die Breite der Bilder wird im Verhältnis Breite/Höhe zum Original skaliert. Da die Bilder nebeneinander dargestellt werden ist eine abweichende Breite nicht störend.

034 – „Position und Ausrichtung“: Hier wird die Position im Verhältnis zum Text positioniert.

035 - Unter „Anzahl an Spalten“ legen Sie die Anzahl der Bilder fest, welche nebeneinander dargestellt werden sollen. Es ist zu berücksichtigen, dass die Breite aller Bilder die Breite des Contents nicht überschreiten darf. Ist die Breite der Summer der Bilder breiter als die des Contents, wird ein Zeilenumbruch generiert und das "überschüssige" Bild bzw. die "überschüssigen" Bilder werden in einer neuen Zeile positioniert.
Beispiel: Gehen wir von 6 Bilder aus welche in einem Text eingebunden werden sollen. Bei der Wahl

  • 1 werden sämtliche Bilder untereinander dargestellt
  • 2 werden 2 Bilder nebeneinander in 3 Zeilen dargestellt
  • 3 werden 3 Bilder nebeneinander in 2 Zeilen dargestellt
  • 4 werden in der ersten Zeile 4 Bilder, in der zweiten Zeile 2 Bilder nebeneinander angezeigt.

036 - „Bei Klick vergrössern“: Mit dieser Einstellungen ermöglichen Sie es dem Besucher, sich das Bild in der Lightbox anzeigen zu lassen.

041 - Ritter "Erscheinungsbild"

042 – Layout
Optionen:

  • Standard
  • Layout 1 (Abhängig von der jeweiligen Homepage)
  • Layout 2 (Abhängig von der jeweiligen Homepage)
  • Layout 3 (Abhängig von der jeweiligen Homepage)
  • Layout 4 (Abhängig von der jeweiligen Homepage)
  • Responsives Video – Diese Option ist für das Einbinden von Videos vorgesehen. Damit wird ermöglicht, dass sich die Darstellung von Video responsive verhält.

043 – Frame
Optionen:

  • Default
  • Ruler Before – Horizontale Linie vor dem Container
  • Ruler After – Horizontale Linie nach dem Container
  • Indent – Links- und rechtsseitiger Einzug des Containers
  • Indent, 33/66% - Zwischen linkseitigem Rand und dem Textanfang wird ein Abstand von 33% eingehalten.
  • Indent, 66/33% - Zwischen rechtsseitigem Rand und dem Textanfang wird ein Abstand von 33 eingehalten.
  • No Frame – nicht definiert
  • gelbe Box – Hintergrundfarbe gelb
  • grüne Box – Hintergrundfarbe grün, Schriftfarbe weiss
  • graue Box – Hintergrundfarbe grau, Schriftfarbe schwarz
  • blaue Box – Hintergrundfarbe blau, Schriftfarbe weiss
  • rote Box – Hintergrundfarbe rot, Schriftfarbe weiss
  • transparente Box – Der Hintergrund wird mit einer transparenten Grafik abgedeckt.

044 – Abstand davor & Abstand danach – Abstand vor bzw. nach dem Container
Optionen:

  • None
  • Extra Small
  • Small
  • Medium
  • Large
  • Extra Large

045 – Links In Menüs zeigen
Sollten Sie ein dynamisches Menü erstellen, regelt diese Option, ob dieser Container im dynamischen Menü angezeigt wird.

046 – Links zum Seitenanfang anfügen
Im Anschluss an den Inhalt des Containers wird der Hyperlink „nach oben“ ausgegeben.

051 – Ritter "Zugriff"

052 – „Sichtbarkeit des Inhaltselements“ - Diese Option dient zum temporären Ausblenden eines Abschnitts. Setzen Sie hier das Häkchen, wird der Container im Frontend nicht angezeigt.

053 - „Zugriffsrechte für Benutzergruppen"
Wünschen Sie einen Container nur einer bestimmten Benutzergruppe anzeigen zu lassen, legen Sie hier fest, welcher/n Benutzergruppe/n der Inhalt des Containers angezeigt werden soll. Weitere Informationen haben wir in der Anleitung „Schutz von Seiten und Inhalten“ geschrieben.