TYPO3 - Inhaltselemente verschieben: Unterschied zwischen den Versionen

ZIM HilfeWiki - das Wiki
 
(24 dazwischenliegende Versionen von 8 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
{{Infobox article
+
{{article
| os = Alle
+
|type=Anleitung
| service = Typo3
+
|os=Alle
| targetgroup = Angestellte, Bereiche, Gäste, Studierende
+
|service=Service:Typo3
| type = Anleitung
+
|targetgroup=Angestellte, Bereiche, Studierende
| disambiguation =  
+
|displaytitle=TYPO3 - Inhaltselemente verschieben
 +
|hasdisambig=Nein
 
}}
 
}}
 
+
In Typo3 haben Sie die Möglichkeit, Inhaltselemente beliebig zu verschieben und so unterschiedlich anzuordnen. Diese Anleitung zeigt Ihnen, wie Sie die Inhaltselemente Ihrer Seite anordnen 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
 
* aller Arbeitsschritte
 
  
 
== Schritt für Schritt Anleitung ==
 
== Schritt für Schritt Anleitung ==
In Typo3 können Sie Inhaltselemente wie "Text mit Bild" oder "Accordion" oder die verschiedenen Hinweisboxen per "Drag and Drop" zwischen den Reihen und Spalten, die durch das jeweils gewählte Seitenlayout vorgegeben sind, verschieben. Für das folgende Beispiel wurde das Seitenlayout "Inhaltsseite – 100 % und 3 Reihen 33%-33%-33%" ausgewählt und gespeichert. Bei diesem Layout können in der oberen Reihe Texte und Bilder untergebracht werden, darunter in drei Reihen und drei Spalten Hinweisboxen:
+
=== Seitenlayout bestimmen ===
[[Datei:Screenshot Webanwendungen Typo3 Inhaltselemente verschieben 1.jpg|1020px|Abbildung 1|left]]
+
Sie können in der Ansicht „Seiteninhalt“ Inhaltselemente nach oben oder unten verschieben sowie Inhaltselemente kopieren und an eine passende Stelle schieben. Platzieren Sie dazu den Mauszeiger oben auf dem Element, das verschoben werden soll, halten Sie die Maustaste gedrückt und verschieben Sie das Inhaltselement.  
<br clear=all>
 
  
 
+
[[Datei:TYPO3 Inhaltselemente verschieben 1.png|links|mini|600px]]
Klickt man nun in der Ansicht "Seite" im Seitenbaum auf  die Seite "Seite 2", so werden unter "Spalten" die Anordnung der Reihen und Spalten dieser Seite sowie die Buttons zum Einfügen von Inhaltselementen angezeigt:
 
[[Datei:Screenshot Webanwendungen Typo3 Inhaltselemente verschieben 2.jpg|Abbildung 2|left]]
 
 
<br clear=all>
 
<br clear=all>
  
 +
Wenn und wo sich eine grüne Fläche zeigt, können Sie das Element ablegen:
  
In diesem Beispiel sind anschließend die Elemente "Text mit Bild" und "Accordion", die Hinweisboxen mit Bild und mit Icon sowie die Hinweisbox "Kurzer Text" eingefügt worden:
+
[[Datei:TYPO3 Inhaltselemente verschieben 2.png|links|mini|600px]]
[[Datei:Screenshot Webanwendungen Typo3 Inhaltselemente verschieben 3.jpg|1020px|Abbildung 3|left]]
 
 
<br clear=all>
 
<br clear=all>
  
  
Die Webansicht sieht dann wie folgt aus, wobei die Frontend-Ansicht die Reihen- und Spaltenstruktur der Backend-Ansicht wegen der Leerzellen nicht exakt widerspiegelt:
+
Statt – wie gerade gezeigt – nach oben können Sie das Element auf die gleiche Weise auch (wieder) nach unten verschieben:
[[Datei:Screenshot Webanwendungen Typo3 Inhaltselemente verschieben 4.jpg|Abbildung 4|left]]
 
<br clear=all>
 
  
 
+
[[Datei:TYPO3 Inhaltselemente verschieben 3.png|links|mini|600px]]
Wenn man nun den Mauszeiger auf dem Element "Accordion" platziert und ihn gedrückt hält, kann man das Inhaltselement nach oben über das Inhaltselement "Text mit Bild" verschieben. Sobald bzw. erst wenn der zunächst hellgrüne Balken über dem Element "Text mit Bild" dunkelgrün wird, kann man das Element "Accordion" ablegen.
 
[[Datei:Screenshot Webanwendungen Typo3 Inhaltselemente verschieben 5.jpg|1020px|Abbildung 5|left]]
 
 
<br clear=all>
 
<br clear=all>
  
  
Es erscheint dann über dem Element "Text mit Bild":
+
Wenn Sie die Strg-Taste drücken und dabei wie oben versuchen das Element zu verschieben, wird nicht das Element selbst verschoben, sondern eine Kopie desselben. Die Kopie ist mit (Kopie [Zahl]) gekennzeichnet und ist nach dem Ablegen zunächst im Web nicht sichtbar:
[[Datei:Screenshot Webanwendungen Typo3 Inhaltselemente verschieben 6.jpg|1020px|Abbildung 6|left]]
 
<br clear=all>
 
  
 
+
[[Datei:TYPO3 Inhaltselemente verschieben 4.png|links|mini|600px]]
Auf die gleiche Weise kann man die Hinweisboxen verschieben, und zwar - da es sich um drei Spalten handelt, nicht um eine Spalte - sowohl nach oben oder unten als auch nach links oder rechts:
 
[[Datei:Screenshot Webanwendungen Typo3 Inhaltselemente verschieben 7.jpg|1020px|Abbildung 7|left]]
 
 
<br clear=all>
 
<br clear=all>
  
 +
Machen Sie sie mittels des Schalters „Sichtbar machen“ im Web sichtbar:
  
Und so sieht die Webansicht nach dem Verschieben der Hinweisbox mit Icon aus:
+
[[Datei:TYPO3 Inhaltselemente verschieben 5.png|links|mini|600px]]
[[Datei:Screenshot Webanwendungen Typo3 Inhaltselemente verschieben 8.jpg|Abbildung 8|left]]
 
 
<br clear=all>
 
<br clear=all>
  
  
Die Zellen des Seitenlayouts können übrigens mehrere Inhaltselemente enthalten. Deshalb kann man auch in eine Zelle, die schon ein Inhaltselement enthält, ein Inhaltselement verschieben, z. B. die Hinweisbox "Kurzer Text" in die Zelle, die bereits die Hinweisbox mit Bild enthält, und zwar wahlweise über oder unter - hier unter - diese Hinweisbox:
+
Streichen Sie bei Bedarf die Kennzeichnung „(Kopie [Zahl])“ aus der Überschrift oder aus dem Namen. Beim Inhaltselement „Datensatz einfügen“ ist das jedoch nicht erforderlich, da der Name im Web nicht angezeigt wird.
[[Datei:Screenshot Webanwendungen Typo3 Inhaltselemente verschieben 9.jpg|Abbildung 9|1020px|left]]
 
<br clear=all>
 
 
 
 
 
Das Ergebnis sieht im Editor folgendermaßen aus:
 
[[Datei:Screenshot Webanwendungen Typo3 Inhaltselemente verschieben 10.jpg|1020px|Abbildung 10|left]]
 
<br clear=all>
 
 
 
  
Und das ist die Webansicht:
+
[[Datei:TYPO3 Inhaltselemente verschieben 6.png|links|mini|ohne|450px]]
[[Datei:Screenshot Webanwendungen Typo3 Inhaltselemente verschieben 11.jpg|Abbildung 11|left]]
+
[[Datei:TYPO3 Inhaltselemente verschieben 7.png|links|mini|ohne|450px]]
 
<br clear=all>
 
<br clear=all>
  
 
+
==Siehe auch==
In diesem Beispiel sieht die Platzierung zweier Boxen in einer Zelle noch erträglich aus, weil beide Boxen sehr niedrig sind. Ansprechender ist es freilich, in jeder Zelle nur eine einzige Hinweisbox zu platzieren. Das hat den Vorteil, dass alle Boxen einer Reihe unten bündig abschließen können. Andererseits sollte jede Zelle einer Reihe - sofern die Reihe überhaupt Boxen aufweist - mindestens eine Box enthalten, damit keine unschönen Leerräume entstehen. Man sollte folglich eine der beide Boxen der linken Spalte in die mittlere Spalte derselben Reihe verschieben:
+
* [[TYPO3]]
[[Datei:Screenshot Webanwendungen Typo3 Inhaltselemente verschieben 12.jpg|1020px|Abbildung 12|left]]
 
<br clear=all>
 
 
 
 
 
Und das ist dann die Webansicht:
 
[[Datei:Screenshot Webanwendungen Typo3 Inhaltselemente verschieben 13.jpg|Abbildung 13|left]]
 
<br clear=all>
 

Aktuelle Version vom 12. Januar 2024, 12:21 Uhr

Allgemeine Informationen
Anleitung
Informationen
BetriebssystemAlle
ServiceTYPO3
Interessant fürAngestellte, Bereiche und Studierende
HilfeWiki des ZIM der Uni Paderborn

set displaytitle to TYPO3 - Inhaltselemente verschieben

In Typo3 haben Sie die Möglichkeit, Inhaltselemente beliebig zu verschieben und so unterschiedlich anzuordnen. Diese Anleitung zeigt Ihnen, wie Sie die Inhaltselemente Ihrer Seite anordnen können.

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

Seitenlayout bestimmen[Bearbeiten | Quelltext bearbeiten]

Sie können in der Ansicht „Seiteninhalt“ Inhaltselemente nach oben oder unten verschieben sowie Inhaltselemente kopieren und an eine passende Stelle schieben. Platzieren Sie dazu den Mauszeiger oben auf dem Element, das verschoben werden soll, halten Sie die Maustaste gedrückt und verschieben Sie das Inhaltselement.

TYPO3 Inhaltselemente verschieben 1.png


Wenn und wo sich eine grüne Fläche zeigt, können Sie das Element ablegen:

TYPO3 Inhaltselemente verschieben 2.png



Statt – wie gerade gezeigt – nach oben können Sie das Element auf die gleiche Weise auch (wieder) nach unten verschieben:

TYPO3 Inhaltselemente verschieben 3.png



Wenn Sie die Strg-Taste drücken und dabei wie oben versuchen das Element zu verschieben, wird nicht das Element selbst verschoben, sondern eine Kopie desselben. Die Kopie ist mit (Kopie [Zahl]) gekennzeichnet und ist nach dem Ablegen zunächst im Web nicht sichtbar:

TYPO3 Inhaltselemente verschieben 4.png


Machen Sie sie mittels des Schalters „Sichtbar machen“ im Web sichtbar:

TYPO3 Inhaltselemente verschieben 5.png



Streichen Sie bei Bedarf die Kennzeichnung „(Kopie [Zahl])“ aus der Überschrift oder aus dem Namen. Beim Inhaltselement „Datensatz einfügen“ ist das jedoch nicht erforderlich, da der Name im Web nicht angezeigt wird.

TYPO3 Inhaltselemente verschieben 6.png
TYPO3 Inhaltselemente verschieben 7.png


Siehe auch[Bearbeiten | Quelltext bearbeiten]


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
Cookies helfen uns bei der Bereitstellung des ZIM HilfeWikis. Bei der Nutzung vom ZIM HilfeWiki werden die in der Datenschutzerklärung beschriebenen Cookies gespeichert.