Seiten erstellen

Seiten im TYPO3 Backend erstellen

Das Ziel eines CMS ist es Inhalte zu publizieren. In TYPO3 wird im ersten Schritt ein Behälter für eine Webseite angelegt.

 

Dieser Behälter erscheint, sofern ausgewählt, in der Navigation. Im zweiten Schritt werden die Inhalte in einen Seitenbehälter integriert und plaziert. In diesem Abschnitt soll es darum gehen, wie man Seitenbehälter erzeugt und darin Inhalte anlegt.

 

 

Seitenbehälter für Inhalte erzeugen

Typo3 Backend Navigation - Seite
Backendnavigation - Seite

Zum erstellen eines Seitenbehälters ist im Backend der Bereich "Web -> Seite" zu öffnen.


Bei einem Klick mit der linken Maustaste auf den Menüpunkt Seite, öffnet sich im mittleren Bereich des Backend der Pagetree. Im Pagetree ist zu dem Menüpunkt zu navigieren unter dem ein neuer Seitenbehälter angelegt werden soll. Durch einen Klick auf das Plus vor einer Seite öffnet sich die nächste Ebene des Astes.

 

Durch einen Klick auf den Text eines Baumeintrags öffnet sich im rechten Bereich die Bearbeitungsansicht dieses Eintrags.

 

Durch einen Klick auf das Symbol, vor einem Eintrag im Baum öffnet sich ein Kontextmenü um diesen Eintrag zu bearbeiten oder neue Elemente in den Baum einzufügen.


Um einen neuen Seitenbehälter anzulegen, wählen Sie den Menüpunkt "Neu" im Kontextmenü.

 

Im rechten Bereich erscheint nun eine Auswahl der möglichen Elemente die an dieser Position des Pagetree eingefügt werden können. Wählen Sie dort den Bereich "Seit (en)" aus. Daraufhin öffnet sich im rechten Bereich des Backend ein Dialog in dem Angaben zu dem zu erstellenden Seitenbehälter gemacht werden.

 


Detailierte Angaben zum Erstellungsdialog für Seitencontainer

 


Nachdem im Formular alle erforderlichen Angaben zum neuen Seitenbehälter gemacht wurden, muss es gespeichert werden. Daraufhin erscheint der neue Seitenbehälter im Pagetree.

Überblick über die verschiedenen Arten von Inhalten

Im vorherigen Abschnitt wurde ein Seitenbehälter angelegt. In diesem Seitenbehälter können verschiedene Inhaltselemente plaziert werden. In diesem Abschnitt soll es darum gehen, welche Arten von Inhalten es gibt und wie ein Seitenbehälter mit Inhalten befüllt werden kann.


Zunächst ist dazu im Backendmenü der Menüpunkt "Web -> Seite" auszuwählen und zu dem Seitenbehälter zu navigieren in den man Inhalte einfügen möchte. Durch einen klick auf den Text im Pagetree öffnet sich im rechten Bereich des Backend, eine schematische Übersicht dieser Seite.

 

Abhängig vom Layout gibt es mehrere Spalten in denen Inhalte eingebunden werden können. In diesem Dialog ist entweder der Button "Seiteninhalt anlegen" oder ein ?Plus? oberhalb der Spalte auszuwählen, um ein Contentelement anzulegen.

 

"Anlegen eines Seiteninhalts"
"Anlegen eines Seiteninhalts"

Nach der Auswahl erscheint eine Liste der Möglichen Inhaltsarten:

 

Typische Seiteninhalte

 

Normaler Text

Diese Typ ist vorgesehen für Seiten die nur Text enthalten, es ist zwar ohne weiteres möglich später bei diesem Inhaltstyp über den Editor Bilder einzubinden. Dazu wird aber nicht geraten da dann die Medien und der Text nicht klar von einander getrennt sind.

 

Text mit Bild

Dieser Seitentyp bietet die Möglichkeit neben dem Text auch Bilder einzufügen. Die Bilder sind vom Content getrennt und können durch Angaben im Formular positioniert werden. Dadurch hat der Administrator eine bessere Kontrolle über das Design. Bei jedem Bild lässt sich die Größe frei festlegen und auch alternativ Texte eingeben. Die Funktion "klick vergrößern" ermöglicht es dem Besucher der Webseite Bilder durch einen Klick darauf zu vergrößern. Bei der Eingabe von Breite und Höhe rechnet skaliert TYPO3 Bilder automatisch auf die richtige Größe.

 

Nur Bilder

Dieser Inhaltstyp eignet sich für eine größere Anzahl von Bildern, dadurch kann man z.B. bequem eine Bildergalerie einrichten.

 

Aufzählungen

Mit diesem Inhaltstyp kann man nummerierte oder auch Aufzählungslisten mit Punkten erzeugen

 

Tabellen

Dieser Inhaltstyp wird genutzt um Tabellen in eine Seite zu integrieren. Einzelne Zellen werden durch die Eingabe von "|" getrennt und jede Zeile im Editorfeld repräsentiert eine Tabellenzeile. Desweiteren steht ein Wizard zum Erstellen von Tabellen zur Verfügung.

 


Spezielle Elemente

 

Dateiverweise

Mit diesem Inhalttyp kann ein Downloadverzeichnis erstellt werden, dabei können Dateien eingebunden werden, die auf dem Webserver im Ordner fileadmin liegen oder Dateien die beim Erstellen des Verzeichnisses hochgeladen werden.

 

Multimedia

Durch den Inhaltstyp Multimedia lassen sich beispielsweise Filme oder Musikdateien in eine Webseite einbauen.

 

Sitemap

Der Inhaltstyp Sitemap erzeugt eine Übersicht über die Struktur der Frontendwebseite.

 

Reines HTML

Durch diesen Inhaltstyp hat der Redakteur die Möglichkeit Inhalte durch reines HTML zu definieren.

 


Formulare

Mailformular

Über diesen Typ kann ein Kontaktformular in die Webseite integriert werden, damit Besucher die Möglichkeit haben Kontakt mit dem Betreiber aufzunehmen.

 

Suchformular

Mit diesem Inhaltstyp lässt sich schnell eine Volltextsuche in die Webseite integrieren.

 

Anmeldeformular

Durch diesen Inhaltstyp lässt sich eine Loginformular für Frondendbenutzer in eine Webseite integrieren.


Plugins

Allgemeines Plugin

Mit diesem Typ kann ein Plugin aus dem TER eingebunden werden.

 

Die Liste der Inhaltstypen von Plugins wird durch die Installation von Extensions weiter ergänzt.

"Auswahl des Inhaltstypen"
"Auswahl des Inhaltstypen"

Inhalte in Seitenbehälter integrieren

Im folgenden Abschnitt werde ich exemplarisch am Inhaltstyp "Seite mit Bild" erklären wie man Inhalte in einen Seitenbehälter integriert.


Zunächst ist im Pagetree zu dem Seitenbehälter zu navigieren, in dem ein neues Inhaltselement angelegt werden soll.


In der Bearbeitungsansicht ist wie in Abschnitt 4.2.2 der Button "Seiteninhalt anlegen" zu wählen und dann der Typ "Text mit Bild". Daraufhin öffnet sich ein Formular, in dem Angaben zum Inhalt der Seite gemacht werden können. Dieses Formular ist sehr umfangreich, deshalb gehe ich hier nur auf die wesentlichen Einträge ein.


Überschrift

In diesem Feld wird die Überschrift der Seite eingetragen, diese wird im Frondend abhängig von der TypoScript Konfiguration entsprechend gelayoutet.


Text

In diesem Bereich ist der Rich Text Editor (RTE) zu finden, mit diesem werden die Inhalte der Seite eingetragen. Die Bedienung des RTE gleicht einer Textverarbeitungssoftware.


Bilder / Position / Breite

In diesem Bereich können Bilder in die Webseite eingefügt werden. Entweder können die Bilder aus dem "Filemount" in "/fileadmin" eingebunden werden, oder direkt über das Formular auf den Server geladen werden.


Im Bereich Position kann angegeben werden, wo das Bild im Text positioniert werden soll.


Mit der "Breite" kann bestimmt werden wie breit in Pixeln das Bild auf der Webseite erscheinen soll, hier reicht übrigens die Angabe der Breite aus, die Höhe wird automatisch berechnet. Desweiteren lassen sich Bilder mit "klick vergrössern" vergrößern oder einen Rahmen festlegen. Im folgenden Screenshot habe ich ein Bild integriert:

"Bild in die Webseite integrieren"
"Bild in die Webseite integrieren"

Das Ergebnis kann sich sehen lassen. Wie zu sehen ist, wurde die Überschrift mit besonderer Formatierung oben links gelayoutet.


Der Inhalt wurde eingefügt und das Bild in der oberen rechten Ecke positioniert. Um das Bild wurde ein Rahmen erzeugt und es lässt sicht durch einen Klick vergrössern.

 

 

Der Richtexteditor

Der TYPO3 RTE - Rich Text Editor

Der Inhalte einer Seite kann in TYPO3 mit dem Richtext Editor bearbeitet werden. Der RTE (Richtext Editor) gleicht von der Bedienung einer Textverarbeitung.

Mit Hilfe des Richtext Editors können Texte formatiert werden (fett, kusiv) und Inhalte wie Tabellen und Bilder in die Seite direkt integriert werden.

Es ist sogar möglich den Editoren eigene Formatforlagen für den RTE bereitzustellen, so dass sie eigene Stilvorlagen im Coparete Deisgn verwenden können.

Navigation