Pflegetipps + Beispielinhalt

TYPO3

Pflegetipps + Beispielinhalt

Auf dieser Seite erhalten Sie Beispiele für die Inhaltselemente, die Sie auf Ihrer Website anlegen können. Außerdem zeigen wir Ihnen hier, wie die verschiedenen Elemente angelegt und gepflegt werden können.

Überschriften

Standardmäßig verwenden wir drei verschiedene Überschriften.  

Überschrift H1

Überschrift H2

Überschrift H3

H1, H2 und H3, wobei das "H" für "Headline" steht.

Überschriften

Besonderheit bei H1 + H2

In Ihrem Design ist eine Besonderheit für die Überschriften vorgesehen: Überschrift 1 + 2 werden gruppiert dargestellt. Dafür wählen Sie unter "Erscheinungsbild" > "Einrückung und Rahmen" den Punkt "Headline H1 + H2" aus. Wichtig hierbei ist, dass beide Überschriften im Editor gesetzt werden und nicht im Überschriftenfeld.

Bildgrößen

Ein Richtwert für die Bildergröße im Slider ist 660px x 500px.

Die Bilder der farbig hinterlegten 4-spaltigen Raster sollten 290px x 195px groß sein.

Das Hintergrundbild (s. Startseite über den Marken- und Partner-Slidern) sollte ungefähr im Verhältnis 150:55 sein. Dieses Bild wird automatisch auf die volle Bildschirmbreite bzw. die Höhe des darüberliegenden Inhaltselements skaliert.

Linkstile

Verlinken Sie einzelne oder mehrere Wörter innerhalb des Fließtexts, sieht das folgendermaßen aus: Hier ist ein Link. 

Es gibt aber auch die Möglichkeit, spezielle Linkstile einzusetzen. Sie finden diese Optionen im Fenster für die Link-Einstellungen in der Auswahlbox "Stil". Hier können Sie "Link in Rahmen" oder "Link in rotem Rahmen" auswählen. Die Links sehen folgendermaßen aus:

Link in Rahmen

Link in rotem Rahmen

Diese beiden Links sollten aber nicht innerhalb eines Fließtextes eingesetzt werden, da sie wesentlich höher sind als eine normale Textzeile.

Rahmenstile

Rahmenstile können pro Inhaltselement angewendet werden. Dazu wählen Sie im Reiter "Erscheinungsbild" unter "Einrückung und Rahmen" die gewünschte Option aus der Auswahlbox. Die Option "Headline H1 + H2" wurden bereits beschrieben. Eine weitere Option ist es, eine Linie nach einem Inhaltselement zu setzen. Dieser Rahmenstil wird auf dieser Seite nach fast jedem Inhaltselement gesetzt.

Aufzählung

  • Dies ist der erste Punkt
    • Er hat weitere Unterpunkte
    • Diese zweite Ebene erhalten Sie durch Drücken der Tab-Taste
  • Hier kommt der zweite Punkt
  • Und der letzte Punkt
  • Die Icons werden automatisch gesetzt

Tabellen

TabellenkopfTabellenkopfTabellenkopf
InhaltLorem ipsumdolor sit amet
TestinhaltTestLorem ipsum
Dolor sitametTestinhalt

Dateilinks

Mit diesem Inhaltselement können Sie Ihren Kunden Dateien zum Download zur Verfügung stellen:

Rasterelemente

Um zwei- oder mehrspaltige Inhalte anzulegen, legen Sie zunächst das gewünschte Rasterelement an und speichern dieses. In der Seitenansicht im Backend sehen Sie nun einen leeren Container mit der jeweiligen Anzahl an Spalten. In diese Spalten können Sie nun wie gewohnt Ihre Inhalte anlegen.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. 

Überschrift 1

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Überschrift 2

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Überschrift 3

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Toggles

Diese Form des Inhaltselements nennt sich "Toggles". Das bedeutet soviel wie "Umschalter". In diesem Fall wird per Klick die Ansicht Ihres Inhaltselements verändert. Beim ersten Klick auf die Überschrift öffnet sich der dazugehörige Text, beim zweiten Klick schließt sich der Text wieder.

Um diese Toggles zu verwenden, legen Sie zunächst ein Rasterelement vom Typ "Toggles" an. Wenn Sie das Element gespeichert und geschlossen haben, sehen Sie im Backend einen leeren Container. Innerhalb dieses Containers können Sie nun Inhaltselemente anlegen, wobei ein Inhaltselement einem Toggle-Inhalt entspricht. Die Überschrift, die im Überschriftenfeld gepflegt wird, ist im Frontend immer sichtbar. Wohingegen alles, was Sie im Editor pflegen, zunächst unsichtbar ist und erst bei Klick auf die Überschrift sichtbar wird.

Wenn Sie im versteckten Text ein Bild unterbringen wollen, müssen Sie eins beachten: unter Erscheinungsbild > Bildausrichtung dürfen Sie alle Werte auswählen außer "Neben dem Text rechts" und "Neben dem Text links". Dies ist technisch bedingt. Wir bitten Sie, dies zu beachten.

Lehrerfortbildungen mit Merlin

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Sie organisieren ein Schul- oder Kindergartenfest?

Toll! Wir wissen wie aufwendig so eine Organisation ist, vor allem mangelt es meistens an Helfern am Tag der Veranstaltung...kontaktieren Sie doch einfach mal Ihre/n zuständige/n Merlin Berater/in, wir geben Tips und stehen Ihnen am Tag des Festes gerne zu Seite mit Bewegungsstraßen und vielem mehr! Lassen Sie sich überraschen!

Unsere kompetenten Vertriebspartner

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Content-Slider innerhalb Rasterelement

Für das folgende Inhaltselement wurde zunächst ein 2-spaltiges Rasterelement im Verhältnis 2:1 angelegt. In die linke Spalte wurde das Rasterelement "Arrow Slider" eingefügt und in die rechte Spalte ein einfaches Text/Bild Inhaltselement.

Im Arrow Slider werden die Bilder einfach über ein einziges Inhaltselement angelegt. Alles andere passiert automatisch.

Content-Slider

Die Luftwerkstatt erklärt mit Hilfe 20 toller Versuche auf praktischen DIN-A5 Versuchskarten sämtliche physikalische Phänomene zur Luft. Die Schülerinnen und Schüler erarbeiten alle Versuche durch die Forscheraufträge Vermuten, Beobachten und Erklären.

Infobox

This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin.
mehr erfahren

Infobox

Grau hinterlegt

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

mehr erfahren

Unsere Marken

Viele unserer Produkte werden unter MERLIN - Exklusiv - Regie gefertigt. Hier ein kleiner Auszug. zur Übersicht

Wir sind Mitglied