TYPO3 Inhaltselemente für Inhaltsspalten

IMT:HilfeWiki - das Wiki
Wechseln zu:Navigation, Suche
Anleitung
Allgemeine Informationen
Informationen
Betriebssystem Alle
Service TYPO3
Interessant für Angestellte, Bereiche und Studierende
HilfeWiki des IMT der Uni Paderborn


Was ist zu tun?

  • Stichpunktartige Auflistung
  • aller Arbeitsschritte

Schritt für Schritt Anleitung

Klicken Sie nach dem Erzeugen einer Seite bzw. zum nachträglichen Einfügen von Inhaltselementen in der Ansicht "Seite" auf den Seitentitel - hier "Probe" - und füllen Sie anschließend die Spalten - hier "Inhalt" und "Rechte Spalte" - sowie eventuell - je nach Vorlage - vorhandene rechteckige Felder mit Inhaltselementen.

Abbildung 1



Außer bei den schmalen linken Spalten können Sie in den Spalten mehrere Inhaltselemente untereinander einfügen. Beachten Sie dabei aber, dass die breiteren Spalten nur mit den Inhaltselementen "Text mit Bild" und "Accordion" gefüllt werden dürfen, die schmalen Spalten und die Querrechtecke dagegen nur mit Hinweisboxen, also "Hinweisbox - Themenfeld mit Links", "Hinweisbox mit Bild", "Hinweisbox mit Icon", "Hinweisbox - Chat", "Hinweisbox - Video" und "Hinweisbox - Kurzer Text".

Abbildung 2



Zusätzlich zu den genannten Inhaltselementen gibt es u. a. noch spezielle Inhaltselemente zur Darstellung von Personen, nämlich "Kontaktbox", "Bereichskontaktliste" und "Personenbox".

Abbildung 3



Inhaltselement "Text mit Bild"

Benutzen Sie das Inhaltselement "Text mit Bild", um - längere - Texte und Bilder einzufügen. Sie können und sollten eine Überschrift vergeben, deren Typ - vorgegeben ist "Standard" - Sie bei Bedarf ändern können. Den Fließtext können Sie - in Maßen - im Editor formatieren. Auch - einfache - Tabellen können Sie dort kreieren. Beachten Sie beim Gestalten der Tabellen, dass die Seite auch auf dem Smartphone gut aussehen soll. Über "Anzeigen" in der linken Spalte von Typo3 können Sie kontrollieren, wie die Seite - und damit die Tabelle - auf dem Smartphone aussehen wird. Vergessen Sie nicht, die Seite vorher zu speichern.

Abbildung 4



Beim Inhaltselement "Text mit Bild" können Sie ein Bild oder mehrere Bilder einfügen, die zuvor - über "Dateiliste" in der linken Spalte von Typo3 - hochgeladen wurden, müssen es aber nicht. Die Position und Ausrichtung des Bildes können Sie selbst bestimmen. Optimal ist ein links oder rechts positioniertes Bild 295 Pixel breit und 225 Pixel hoch (vgl. Styleguide: http://www.uni-paderborn.de/fileadmin/webrelaunch/upbweb_styleguide_03062014.pdf). Größere Bilder und Bilder mit anderen Proportionen werden von Typo3 entsprechend geändert, wobei die Breite maßgeblich ist. Ein mittig über dem Text positioniertes Bild ist maximal 600 Pixel breit und 200 Pixel hoch.

Abbildung 5



Bei jedem Bild, das Sie einfügen, können Sie "Titel", einen alternativen Text - z. B. für Blinde -, eine Bildunterschrift und gegebenenfalls einen Link angeben. Der Link kann z. B. zu einem größeren Bild oder einer anderen Seite führen. Falls dem Bild in Typo3 zuvor bereits entsprechende Metadaten hinzugefügt wurden, werden diese angezeigt und können von Ihnen entweder übernommen oder - für diese Stelle auf dieser Seite - überschrieben werden. Sie können über "Bild hinzufügen" mehrere Bilder hintereinander einfügen.

Abbildung 6



Vergessen Sie nicht, das Dokument zu speichern, wenn Sie mit der Bearbeitung fertig sind. Bei einem Klick auf das Disketten-Symbol mit Auge wird Ihnen das Dokument außerdem als Webseite angezeigt.

Abbildung 7



Inhaltselement "Accordion"

Eine Abwandlung des Inhaltselementes "Text mit Bild" ist das Inhaltselement "Accordion". Es unterscheidet sich von "Text mit Bild" dadurch, dass mehrere Überschriften und mehrere Fließtexte untereinander eingefügt werden können und - in der Regel - zunächst nur die Überschriften zu sehen sind. Erst beim Anklicken der Überschrift wird der Fließtext angezeigt. Sie können jedoch z. B. auch bestimmen, dass beim Start bereits alle Elemente geöffnet sind oder jedenfalls das erste Element und festlegen, ob mehrere Elemente gleichzeitig geöffnet werden können.

Abbildung 8



Das Erstellen der Elemente - Überschrift und Fließtext und eventuell Bild(er) - erfolgt mittels "Seiteninhalt neu erstellen". Es unterscheidet sich nicht vom Verfahren bei "Text mit Bild".

Abbildung 9



So werden in Typo3 die bereits erstellten Elemente des Accordions angezeigt:

Abbildung 10



Das Einfügen von Bildern ist wie bei "Text mit Bild" möglich:

Abbildung 11



Und so sieht das Ergebnis mit geöffnetem drittem Accordion-Element und dort oben mittig eingefügtem Bild aus:

Abbildung 12



Bei Fragen oder Problemen wenden Sie sich bitte an die Benutzerberatung des IMT

IMT:Notebook-Café I0.401 IMT:ServicePoint N5.344 Tel.: +49 (5251) 60-5544 E-Mail: imt@uni-paderborn.de