TYPO3 - Erstellen einer Seite: Unterschied zwischen den Versionen

Anleitung
Anleitung
Informationen
Betriebssystem	Alle
Service	TYPO3
Interessant für	Angestellte, Bereiche und Studierende
HilfeWiki des ZIM der Uni Paderborn

Aktuelle Version vom 15. Oktober 2024, 02:00 Uhr

TYPO3

Allgemeine Informationen

Die folgende Anleitung zeigt Ihnen, wie Sie Seiten in TYPO3 erstellen und bearbeiten können.

Was ist zu tun?[Bearbeiten | Quelltext bearbeiten]

Seite erstellen: Wählen Sie im Seitenbaum „Neue Seite erstellen“ und ziehen Sie das „Standard“-Element an die gewünschte Stelle im Seitenbaum, um es als neue Haupt- oder Unterseite zu platzieren.
Seitentitel eingeben.
Seite aktivieren.
Speichern.

Schritt-für-Schritt Anleitung[Bearbeiten | Quelltext bearbeiten]

Seite erstellen Option 1[Bearbeiten | Quelltext bearbeiten]

Klicken Sie auf "Neue Seite erstellen".

Um eine neue Standardseite zu erstellen, nehmen Sie das Element "Standard" und ziehen es an die gewünschte Stelle im Seitenbaum.

Lassen Sie das Element los.
Die Seite wurde mit dem Namen "Standard-Titel" in den Seitenbaum eingefügt.
Sie können diese direkt umbennen.

Aktuell ist die Seite noch nicht sichtbar.
Über einen Rechtsklick auf dem Element im Seitenbaum öffnen Sie das Kontext-Menü.
Klicken Sie auf "Aktivieren", um die Seite sichtbar zu machen.

Seite erstellen Option 2[Bearbeiten | Quelltext bearbeiten]

Alternativ können Sie auch über das Kontextmenü eine neue Seite erstellen.
Öffnen Sie dazu mit einem Rechtsklick auf eine vorhande Seite das Kontextmenü.
Klicken Sie auf "Weitere Optionen".
Klicken Sie anschließend auf "Neu erstellen - Assistent".

Über die Pfeile können Sie nun auswählen, an welcher Stelle die neue Seite erstellt werden soll.

Seite bearbeiten[Bearbeiten | Quelltext bearbeiten]

Sie haben zwei Möglichkeiten, die Seiteneigenschaften einer Seite aufzurufen.

Wählen Sie die gewünschte Seite aus.
Öffnen Sie mit einem Rechtsklick das Kontextmenü und klicken Sie auf "Bearbeiten".
Alternativ können Sie auch auf "Seiteneigenschaften bearbeiten" klicken.

Wählen Sie den Tab "Erscheinungsbild".
Öffnen Sie das Drop-Down-Menü für "Backend-Layout".
Wählen Sie ein passendes Layout aus.

Falls es sich nicht um die Startseite oder Inhaltsseite eines Institus oder einer Arbeitsgruppe handelt, nehmen Sie bitte "Inhaltsseite".

Bei den vier anderen Seitenlayouts erscheinen derzeit (Juli 2024) blaue Schaltflächen direkt oberhalb des Footers mit Links auf optional vorhandene Unterseiten (mit der standardmäßig aktivierten Option „Seite in Menüs aktiviert“) unter der Überschrift "<Seitentitel> Lesen Sie mehr über uns:". Weitere Unterschiede zwischen den Seitenlayouts gibt es derzeit nicht.

Sie können ebenfalls das Footer-Bild anpassen.
Auch die Einstellungen zur "Bühne", dem Kopfbereich einer Seite, finden Sie hier.

Wechseln Sie in den Tab "Zugriff".
Hier können Sie Einstellungen zur Sichtbarkeit vornehmen.

Mehrere Seiten erstellen[Bearbeiten | Quelltext bearbeiten]

Sie können mit wenig Aufwand auch mehrere Seiten gleichzeitig erstellen.

Wählen Sie eine Seite aus, zu der Sie mehrere Unterseiten erstellen wollen und öffnen Sie mit einem Rechtsklick das "Kontextmenü".
Klicken Sie auf "Weitere Optionen...".
Klicken Sie auf "Mehrere Seiten erzeugen".

Geben Sie jeder zu erstellenden Seite einen Seitennamen.
Klicken Sie anschließend auf "Seiten anlegen".

Die Seiten wurden folgendermaßen angelegt.

Siehe auch[Bearbeiten | Quelltext bearbeiten]

TYPO3

Bei Fragen oder Problemen wenden Sie sich bitte telefonisch oder per E-Mail an uns:

Tel. IT: +49 (5251) 60-5544 • Tel. Medien: +49 (5251) 60-2821 • E-Mail: zim@uni-paderborn.de

Das Notebook-Café ist die Benutzerberatung des ZIM - Sie finden uns in Raum I0.401

Wir sind zu folgenden Zeiten erreichbar:

	Mo-Do	Fr
Vor-Ort-Support	08:30 - 16:00	08:30 - 14:00
Telefonsupport	08:30 - 16:00	08:30 - 14:00

Das ZIM:Servicecenter Medien auf H1 hat aktuell zu folgenden Zeiten geöffnet:

Mo-Do	Fr
08:00 - 16:00	08:00 - 14:30

@@ Zeile 1: / Zeile 1: @@
 {{article
-| os = Alle
+|type=Anleitung
-| service = Typo3
+|os=Alle
-| targetgroup = Angestellte, Bereiche, Studierende<!-- targetgroup(s), the acticle is written for. if left empty, default is Angestellte, Gäste, Studierende -->
+|service=Service:Typo3
-| type = Anleitung
+|targetgroup=Angestellte, Bereiche, Studierende
-| disambiguation =
+|displaytitle=TYPO3 - Seite erstellen
+|hasdisambig=Nein
 }}
+Die folgende Anleitung zeigt Ihnen, wie Sie Seiten in TYPO3 erstellen und bearbeiten können.
-<!-- Entweder draft mit fertigem Inhalt -->
+<br clear=all>
-{{draft}}
-<!--oder stub und einer Erklärung, was hier passieren soll-->
-{{stub}}
-<!-- Folgend der empfohlene Seitenaufbau -->
-Kurzer Einleitungstext
 == Was ist zu tun? ==
-* Stichpunktartige Auflistung
+* '''Seite erstellen:''' Wählen Sie im Seitenbaum „Neue Seite erstellen“ und ziehen Sie das „Standard“-Element an die gewünschte Stelle im Seitenbaum, um es als neue Haupt- oder Unterseite zu platzieren.
-* aller Arbeitsschritte
+* '''Seitentitel eingeben.'''
+* '''Seite aktivieren.'''
+* '''Speichern.'''
-== Schritt für Schritt Anleitung ==
+== Schritt-für-Schritt Anleitung ==
-Eine neue Seite kann man - erste Möglichkeit - über die Buttons zum Erstellen neuer Seiten unterschiedlichen Typs links oben kreieren.
+===Seite erstellen Option 1===
-[[Datei:Screenshot Webanwendungen Typo3 Erstellen einer Seite 1.jpg|Abbildung 1|left]]
+[[Datei:Typo3-seite-erstellen-01.png|links|mini|ohne|450px|Neue Seite erstellen]]
+<br>
+* Klicken Sie auf '''"Neue Seite erstellen"'''.
 <br clear=all>
+[[Datei:Typo3-seite-erstellen-02.png|links|mini|ohne|450px|Neue Seite erstellen]]
-Für "normale" Seiten eignet sich der Typ "Standard".
+<br>
-[[Datei:Screenshot Webanwendungen Typo3 Erstellen einer Seite 2.jpg|Abbildung 2|left]]
+* Um eine neue Standardseite zu erstellen, nehmen Sie das Element '''"Standard"''' und ziehen es an die gewünschte Stelle im Seitenbaum.
 <br clear=all>
+[[Datei:Typo3-seite-erstellen-03.png|links|mini|ohne|550px|Ziehen Sie das Element auf eine bestehende Seite, um eine Unterseite dafür anzulegen.]]
-Die neue Seite muss von links oben an die gewünschte Stelle im Seitenbaum gezogen und dann mit einem Seitentitel versehen werden.
+<div class="tleft" style="clear:none"> [[Datei:Typo3-seite-erstellen-04.png|links|mini|ohne|550px|Ziehen Sie das Element zwischen zwei vorhandene Seiten, um die Seite dort abzulegen.]] </div>
-[[Datei:Screenshot Webanwendungen Typo3 Erstellen einer Seite 3.jpg|Abbildung 3|left]]
 <br clear=all>
+[[Datei:Typo3-seite-erstellen-15.png|links|mini|ohne|450px|Seite benennen]]
-Hier wurde die Seite "Probe" genannt:
+<br>
-[[Datei:Screenshot Webanwendungen Typo3 Erstellen einer Seite 4.jpg|Abbildung 4|left]]
+* Lassen Sie das Element los.
+* Die Seite wurde mit dem Namen ''"Standard-Titel"'' in den Seitenbaum eingefügt.
+* Sie können diese direkt umbennen.
 <br clear=all>
+[[Datei:Typo3-seite-erstellen-05.png|links|mini|ohne|450px|Seite aktivieren]]
-Nach der Benennung können Sie die bislang im Web nicht sichtbare Seite über die rechte Maustaste aktivieren, also sichtbar machen:
+<br>
-[[Datei:Screenshot Webanwendungen Typo3 Erstellen einer Seite 5.jpg|Abbildung 5|left]]
+* Aktuell ist die Seite noch nicht sichtbar.
+* Über einen Rechtsklick auf dem Element im Seitenbaum öffnen Sie das Kontext-Menü.
+* Klicken Sie auf '''"Aktivieren"''', um die Seite sichtbar zu machen.
 <br clear=all>
+===Seite erstellen Option 2===
-Man kann eine neue Seite - zweite Möglichkeit - aber auch dadurch erstellen, dass man mit dem Mauszeiger in der Ansicht "Seite" auf eine bereits vorhandene Seite geht und dann über die rechte Maustaste "Seitenaktionen / Neu" wählt.
+[[Datei:Typo3-seite-erstellen-06.png|links|mini|ohne|450px|Neue Seite erstellen]]
-[[Datei:Screenshot Webanwendungen Typo3 Erstellen einer Seite 6.jpg|Abbildung 6|left]]
+<br>
+* Alternativ können Sie auch über das Kontextmenü eine neue Seite erstellen.
+* Öffnen Sie dazu mit einem '''Rechtsklick''' auf eine vorhande Seite das Kontextmenü.
+* Klicken Sie auf '''"Weitere Optionen"'''.
+* Klicken Sie anschließend auf '''"Neu erstellen - Assistent"'''.
 <br clear=all>
+[[Datei:Typo3-seite-erstellen-07.png|links|mini|ohne|450px|Neue Seite erstellen]]
-Wählen Sie anschließend die Position für die neue Seite aus:
+<br>
-[[Datei:Screenshot Webanwendungen Typo3 Erstellen einer Seite 7.jpg|Abbildung 7|left]]
+* Über die Pfeile können Sie nun auswählen, an welcher Stelle die neue Seite erstellt werden soll.
 <br clear=all>
+==Seite bearbeiten==
-Vergeben Sie danach unter "Allgemein" einen Seitentitel, z. B. "Probe". Das gelbe Dreieck deutet an, dass die Vergabe eines Seitentitels notwendig ist.
+Sie haben zwei Möglichkeiten, die Seiteneigenschaften einer Seite aufzurufen.
-[[Datei:Screenshot Webanwendungen Typo3 Erstellen einer Seite 8.jpg|885px|Abbildung 8|left]]
+[[Datei:Typo3-seite-erstellen-08.png|links|mini|ohne|450px|Neue Seite erstellen]]
+<br>
+# Wählen Sie die gewünschte Seite aus.
+# Öffnen Sie mit einem Rechtsklick das Kontextmenü und klicken Sie auf '''"Bearbeiten"'''.
+# Alternativ können Sie auch auf '''"Seiteneigenschaften bearbeiten"''' klicken.
 <br clear=all>
+[[Datei:Typo3-seite-erstellen-09.png|links|mini|ohne|450px|Neue Seite erstellen]]
+<br>
+# Wählen Sie den Tab '''"Erscheinungsbild"'''.
+# Öffnen Sie das Drop-Down-Menü für '''"Backend-Layout"'''.
+# Wählen Sie ein passendes Layout aus.
+* Falls es sich nicht um die Startseite oder Inhaltsseite eines Institus oder einer Arbeitsgruppe handelt, nehmen Sie bitte '''"Inhaltsseite"'''.
+Bei den vier anderen Seitenlayouts erscheinen derzeit (Juli 2024) blaue Schaltflächen direkt oberhalb des Footers mit Links auf optional vorhandene Unterseiten (mit der standardmäßig aktivierten Option „Seite in Menüs aktiviert“) unter der Überschrift '''"<Seitentitel> Lesen Sie mehr über uns:"'''. Weitere Unterschiede zwischen den Seitenlayouts gibt es derzeit nicht.
-Legen Sie unter "Zugriff" erforderlichenfalls fest, dass die Seite derzeit nicht sichtbar sein soll - mittels "Deaktivieren" unter "Sichtbarkeit" - oder nur im Netz der Universität Paderborn angeschaut werden kann - mittels "Aktiviert" unter "IP-Beschränkung - Universitätsnetz". Ferner können Sie unter "Veröffentlichungsdatum" und "Ablaufdatum" bestimmen, wann die Seite im Web veröffentlicht werden und ab wann sie dort nicht mehr zu sehen sein soll.
-[[Datei:Screenshot Webanwendungen Typo3 Erstellen einer Seite 9.jpg|885px|Abbildung 9|left]]
 <br clear=all>
+[[Datei:Typo3-seite-erstellen-10.png|links|mini|ohne|450px|Neue Seite erstellen]]
-Wählen Sie eine Vorlage für das Erscheinungsbild der Seite. Es stehen acht Möglichkeiten der Seitenaufteilung zur Verfügung:
+<br>
+* Sie können ebenfalls das Footer-Bild anpassen.
-Inhaltsseite – 100%
+* Auch die Einstellungen zur '''"Bühne"''', dem Kopfbereich einer Seite, finden Sie hier.
-Inhaltsseite mit Menü links/oben – 33% - 66% <br />
-Diese Vorlage enthält in der linken Spalte die Linkbox "Sie interessieren sich für:". Diese Linkbox wird von Typo3 in der Ansicht "Spalten" nicht angezeigt, kann aber über "rechte Maustaste / Bearbeiten / Erscheinungsbild / Seitenmenu" erreicht werden. Achtung: In der linken Spalte können bei dieser Vorlage keine weiteren Boxen eingefügt werden! Das ist sinnvoll, weil man andernfalls beim Smartphone sehr weit nach unten scrollen muss, um den Hauptinhalt der Seite zu sehen.
-Inhaltsseite 4 Reihen 33% – 33% - 33% <br />
-Die Boxen sind nicht für längere Texte konzipiert, sondern für Hinweisboxen.
-Inhaltsseite – 100 % und 3 Reihen 33%-33%-33% <br />
-Oben können Text und Bilder untergebracht werden, darunter Hinweisboxen.
-Inhaltsseite mit Menü rechts/unten 66% - 33% <br />
-Diese Vorlage enthält in der rechten Spalte die Linkbox "Sie interessieren sich für:". Diese Linkbox wird von Typo3 in der Ansicht "Spalten" nicht angezeigt, kann aber über "rechte Maustaste / Bearbeiten / Erscheinungsbild / Seitenmenu" erreicht werden. Es können mehrere Inhaltselemente und Boxen untereinander eingefügt werden. Diese Vorlage wird genommen, wenn Sie keine Vorlage auswählen.
-Inhaltsseite – 100%  33% - 33% - 33% <br />
-Oben können Text und Bilder untergebracht werden, darunter Hinweisboxen.
-Inhaltsseite - M-66% - 2 Reihen 33%-33% <br />
-Diese Vorlage enthält in der linken Spalte die Linkbox "Sie interessieren sich für:". Diese Linkbox wird von Typo3 in der Ansicht "Spalten" nicht angezeigt, kann aber über "rechte Maustaste / Bearbeiten / Erscheinungsbild / Seitenmenu" erreicht werden. Achtung: In der linken Spalte können bei dieser Vorlage keine weiteren Boxen eingefügt werden! Das ist sinnvoll, weil man andernfalls beim Smartphone sehr weit nach unten scrollen muss, um den Hauptinhalt der Seite zu sehen.
-Inhaltsseite - 66%-M33% - 2 Reihen 33%-33% <br />
-Diese Vorlage enthält in der rechten Spalte die Linkbox "Sie interessieren sich für:". Diese Linkbox wird von Typo3 in der Ansicht "Spalten" nicht angezeigt, kann aber über "rechte Maustaste / Bearbeiten / Erscheinungsbild / Seitenmenu" erreicht werden. Es können mehrere Inhaltselemente und Boxen untereinander eingefügt werden.
-Überlegen Sie sich beim Erstellen einer Seite gut, welche Vorlage Sie wählen! Sie können die Vorlage zwar nachträglich noch ändern, aber wenn Sie zwischenzeitlich Inhalte in die Seite eingefügt haben, gehen diese Inhalte möglicherweise bei einem Wechsel der Vorlage verloren.
-[[Datei:Screenshot Webanwendungen Typo3 Erstellen einer Seite 10.jpg|885px|Abbildung 10|left]]
-<br clear=all>
-Falls die Seite Inhalte enthalten soll, die verschlüsselt übertragen werden müssen, z. B. Formulareingaben, müssen Sie unter "Verhalten" als Protokoll "https://" auswählen.
-[[Datei:Screenshot Webanwendungen Typo3 Erstellen einer Seite 11.jpg|885px|Abbildung 11|left]]
 <br clear=all>
+[[Datei:Typo3-seite-erstellen-11.png|links|mini|ohne|450px|Seiteneinstellungen: Zugriff]]
-Speichern Sie nun die Seite. Achtung: Vergessen Sie nicht, eine Seite vor dem Verlassen zu speichern, wenn Sie Ihre Arbeit sichern möchten! Wenn Sie es vergessen, erscheint keine Warnmeldung und alle eventuell gemachten Änderungen sind verloren.
+<br>
-[[Datei:Screenshot Webanwendungen Typo3 Erstellen einer Seite 12.jpg|885px|Abbildung 12|left]]
+* Wechseln Sie in den Tab '''"Zugriff"'''.
+* Hier können Sie Einstellungen zur Sichtbarkeit vornehmen.
 <br clear=all>
-Die neu angelegte Seite "Probe" wird nach dem Speichern im Seitenbaum dort angezeigt, wo Sie sie zuvor innerhalb des Seitenbaumes positioniert haben.
+===Mehrere Seiten erstellen===
-[[Datei:Screenshot Webanwendungen Typo3 Erstellen einer Seite 13.jpg|885px|Abbildung 13|left]]
+Sie können mit wenig Aufwand auch mehrere Seiten gleichzeitig erstellen.
+[[Datei:Typo3-seite-erstellen-12.png|links|mini|ohne|450px|Mehrere Seiten erstellen]]
+<br>
+# Wählen Sie eine Seite aus, zu der Sie mehrere Unterseiten erstellen wollen und öffnen Sie mit einem Rechtsklick das '''"Kontextmenü"'''.
+# Klicken Sie auf '''"Weitere Optionen..."'''.
+# Klicken Sie auf '''"Mehrere Seiten erzeugen"'''.
 <br clear=all>
+[[Datei:Typo3-seite-erstellen-13.png|links|mini|ohne|450px|Mehrere Seite erstellen]]
-Wenn Sie die Seiteneigenschaften - z. B. Seitentitel, Zugriffsbeschränkungen, Erscheinungsbild einschließlich des "Seitenmenus" "Sie interessieren sich für:" bei einigen der Erscheinungsbilder - später noch einmal ändern oder ergänzen möchten, können Sie die entsprechenden Rubriken über die rechte Maustaste und "Bearbeiten" erneut aufrufen:
+<br>
-[[Datei:Screenshot Webanwendungen Typo3 Erstellen einer Seite 14.jpg|Abbildung 14|left]]
+* Geben Sie jeder zu erstellenden Seite einen Seitennamen.
+* Klicken Sie anschließend auf '''"Seiten anlegen"'''.
 <br clear=all>
+[[Datei:Typo3-seite-erstellen-14.png|links|mini|ohne|450px|Mehrere Seite erstellen]]
-Wenn Sie mehrere Seiten gleichzeitig anlegen möchten, können Sie "Funktionen" in der linken Spalte von Typo3 in Verbindung mit "Mehrere Seiten erzeugen" nutzen:
+<br>
-[[Datei:Screenshot Webanwendungen Typo3 Erstellen einer Seite 15.jpg|885px|Abbildung 15|left]]
+* Die Seiten wurden folgendermaßen angelegt.
 <br clear=all>
+==Siehe auch==
-Nach der Vergabe der Seitentitel - hier Probe 2, Probe 3, Probe 4 - und einem Klick auf "Seiten anlegen" werden die Seiten als Unterseiten der markierten übergeordneten Seite - hier "Probe" - angelegt.
+[[TYPO3]]
-[[Datei:Screenshot Webanwendungen Typo3 Erstellen einer Seite 16.jpg|Abbildung 16|left]]
-<br clear=all>