Beliebig kombinierbare Elemente

  • Zeilen (inkl. Spalten)
  • Headlines
  • Content Teaser + Slider
  • Trip Teaser
  • Text & Bild
  • Buttons & Links
  • Tabs & Accordions
  • Tabellen & Formulare
  • Weitere Elemente

Zeilen

Das Element Zeilen dient insbesondere zwei Zwecken:

  • Inhalte zur besseren Übersicht im Editor anhand einzelner Zeilen strukturieren
  • Spalten aufbauen

Grundsätzlich kommt eine CMS-Seite ohne Zeilen aus, d.h. alle Elemente, die nicht zwingend in einer eigenen Zeile angelegt werden müssen, können untereinander platziert werden.
Die Strukturierung in einzelne Zeilen hat für die Darstellung der Seite keine Vorteile, sogar den kleinen Nachteil, dass etwas mehr Code entsteht.

Spalten

Spalten werden im Element "Zeile" definiert.
Unter bestimmten Voraussetzungen können Zeilen innerhalb einer Zeile eingefügt werden, sodass untergeordnete Spalten dargestellt sind.

Innerhalb eines Tabs oder eines Accordions können untergeordnete Spalten nicht dargestellt werden, daher ist das Beispiel für Seiten auf der Seite mit den eingeschränkt kombinierbaren Elementen zu finden.

Headline H1 lorem ipsum

Zu beachten: Für Headlines des Typs H1 ist folgendes zu beachten: Sofern in der Seite die Hero-Unit mit einer Headline eingebunden ist, darf aus SEO-Gründen kein Element "Headline H1" in der Seite eingebunden werden, da die Seite ansonsten zwei H1 Headlines beinhaltet (Headline der Hero-Unit hat bereits den Tag H1).

Headline H2 lorem ipsum

Headline H3 lorem ipsum

Headline H4 lorem ipsum

Content Teaser

Es gibt drei Teasergrößen

  • Teaser L = 1-spaltig mit den Darstellungsoptionen
    • Inhalte auf dem Bild (Block style = no)
    • Inhalte unter dem Bild (Block style = yes)
  • Teaser M = 2-spaltig
  • Teaser S = 3-spaltig

 

Zur korrekten Darstellung müssen

  • die Teaser der Größe M in eine 2-spaltige und die der Größe S in eine 3-spaltige Zeile eingefügt werden.
  • den Teasern die richtigen Bildgrößen zugeordnet werden (TeaserL, TeaserM, TeaserS)
  • den Teasern Bilder für Desktop umd Mobile zugeordnet werden (F1, F2)

 

Einem Teaser können folgende Inhalte optional zugeordnet werden:

  • Headline (steht über dem Teaser)
  • Titel
  • Beschreibung
  • Ein Button oder 1-3 Textlinks

Content Teaser Slider

Ein Content Teaser Slider besteht aus mehreren Content Teasern, die aus dem Element Content Teaser Slider heraus erstellt werden.

Für den Slider eignet sich nur ein Content Teaser Format:

  • Größe L (1-spaltig)
  • Block style = no

Trip Teaser

Es gibt zwei grundsätzliche Möglichkeiten, wie Trip Teaser eingebunden werden:

  • Angabe der Reisenummern:
    Es wird einfach je Trip Teaser die jeweilige Reisenummer eingetragen. In einem Trip Teaser Element können beliebig viele Reisen angeteasert werden, d.h. je nach visueller Darstellung muss nicht zwangsläufig je Reise ein Teaser erstellt werden.
    Zu beachten:
    • Sofern eine im Trip Teaser eingegebene Reisenummer nicht gefunden wird, wird das Editfeld rot umrahmt. Siehe hierzu auch den roten Hinweis.
    • Bei den Trip Teasern ist je Reisenummer noch zu unterscheiden, ob es sich um eine Reise oder ein Hotel handelt, dass angeteasert werden soll.
    • Ist auf dem Livesystem eine angeteaserte Reise nicht (mehr) verfügbar, so wird der Teaser nicht dargestellt.
    • Bei dieser Variante ist es zudem möglich, einen Reisetermin anzugeben. Bei Aufruf der Reise wird dann dieser Termin ausgegeben. (Ist der Termin nicht mehr existent, wird der Default-Termin ausgegeben
  • Angabe von Reisesuche-Parametern:
    Anhand der eingetragenen Reisesuche-Parameter wird im Hintergrund eine Suche ausgeführt und die Treffer als Teaser ausgegeben. Die Anzahl der auszugebenden Teaser kann eingestellt werden. Am praktischsten ist es, in der Reisesuche die Suchkriterien einzustellen, den Teil der URL hinter "../suche?" zu kopieren und dann in das Eingabefeld einzufügen.
BACKGBC regelmäßig aktualisieren!
Da das CMS auf die BACKGBC zugreift , kann es sein, dass der Stand der Reisen veraltet bzw. ungleich der im GBC ist. Von daher ist es wichtig, regelmäßig die GBC-Datenbank auf BACKGBC zu kopieren.

Trip Teaser mit definierten Reisenummern

Headline Teaser L mit Inhalt unter dem Bild

Apulien ─ verborgenes Juwel Italiens
8 Tage Erlebnisreise
Italien

Apulien ─ verborgenes Juwel Italiens

  • Termine ohne Einzelzimmerzuschlag
  • Castel del Monte - die "Krone Apuliens"
  • Lokale Gaumenfreuden: Schaukochen apulischer Spezialitäten
Reise ansehen
ab € 995 inkl. Anreise

Headline Teaser L mit Inhalt auf dem Bild

Apulien ─ verborgenes Juwel Italiens
8 Tage Erlebnisreise
Italien

Apulien ─ verborgenes Juwel Italiens

  • Termine ohne Einzelzimmerzuschlag
  • Castel del Monte - die "Krone Apuliens"
  • Lokale Gaumenfreuden: Schaukochen apulischer Spezialitäten
Reise ansehen
ab € 995 inkl. Anreise

Headline Teaser M

Apulien ─ verborgenes Juwel Italiens
8 Tage Erlebnisreise
Italien

Apulien ─ verborgenes Juwel Italiens

  • Termine ohne Einzelzimmerzuschlag
  • Castel del Monte - die "Krone Apuliens"
  • Lokale Gaumenfreuden: Schaukochen apulischer Spezialitäten
Reise ansehen
ab € 995 inkl. Anreise
Apulien ─ verborgenes Juwel Italiens
8 Tage Erlebnisreise
Italien

Apulien ─ verborgenes Juwel Italiens

  • Termine ohne Einzelzimmerzuschlag
  • Castel del Monte - die "Krone Apuliens"
  • Lokale Gaumenfreuden: Schaukochen apulischer Spezialitäten
Reise ansehen
ab € 995 inkl. Anreise

Headline Teaser S

Apulien ─ verborgenes Juwel Italiens
8 Tage Erlebnisreise
Italien

Apulien ─ verborgenes Juwel Italiens

  • Termine ohne Einzelzimmerzuschlag
  • Castel del Monte - die "Krone Apuliens"
  • Lokale Gaumenfreuden: Schaukochen apulischer Spezialitäten
Reise ansehen
ab € 995 inkl. Anreise
Apulien ─ verborgenes Juwel Italiens
8 Tage Erlebnisreise
Italien

Apulien ─ verborgenes Juwel Italiens

  • Termine ohne Einzelzimmerzuschlag
  • Castel del Monte - die "Krone Apuliens"
  • Lokale Gaumenfreuden: Schaukochen apulischer Spezialitäten
Reise ansehen
ab € 995 inkl. Anreise
Apulien ─ verborgenes Juwel Italiens
8 Tage Erlebnisreise
Italien

Apulien ─ verborgenes Juwel Italiens

  • Termine ohne Einzelzimmerzuschlag
  • Castel del Monte - die "Krone Apuliens"
  • Lokale Gaumenfreuden: Schaukochen apulischer Spezialitäten
Reise ansehen
ab € 995 inkl. Anreise

Trip Teaser mit Reisesuche-Parameter

Alle Erlebnis-Reisen nach Italien, max. 6 Treffer

Rom ─ Stadt mit Herz
5 Tage Erlebnisreise
Italien

Rom ─ Stadt mit Herz

  • Zentrales Stadthotel
  • 3-Tages-Karte für öffentliche Verkehrsmittel
  • Ausblick auf die Dächer der Ewigen Stadt
Reise ansehen
ab € 495 inkl. Anreise
Florenz ─ Lebenslust und Kunstgenuss
5 Tage Erlebnisreise
Italien

Florenz ─ Lebenslust und Kunstgenuss

  • Zentrales Stadthotel
  • Auf dem Markt von San Lorenzo
  • Florenz von oben - und mittendrin
Reise ansehen
ab € 495 inkl. Anreise
Sizilien ─ Land des ewigen Frühlings
9 Tage Erlebnisreise
Italien

Sizilien ─ Land des ewigen Frühlings

  • Termine ohne Einzelzimmeraufpreis
  • UNESCO-Welterbestätten Monreale und Syrakus
  • Mosaike in der Villa Casale
Reise ansehen
ab € 995 inkl. Anreise
Zauber der Toskana
8 Tage Erlebnisreise
Italien

Zauber der Toskana

  • UNESCO-Welterbestätte Siena
  • Kulinarische Spezialitäten bei San Gimignano
  • Familiengeführtes Standorthotel
Reise ansehen
ab € 995 inkl. Anreise
Höhepunkte am Golf von Neapel
8 Tage Erlebnisreise
Italien

Höhepunkte am Golf von Neapel

  • Zwei Standorthotels zur Auswahl
  • Zauberhafte Amalfitana mit Villa Rufolo
  • Der allgegenwärtige Vesuv
Reise ansehen
ab € 995 inkl. Anreise
Apulien ─ verborgenes Juwel Italiens
8 Tage Erlebnisreise
Italien

Apulien ─ verborgenes Juwel Italiens

  • Termine ohne Einzelzimmerzuschlag
  • Castel del Monte - die "Krone Apuliens"
  • Lokale Gaumenfreuden: Schaukochen apulischer Spezialitäten
Reise ansehen
ab € 995 inkl. Anreise

Alle Reisen garantiert ab 2 Pers. mit Freitext ``Kennenlernen``, max. 4

Malta und Gozo zum Kennenlernen
8 Tage Erlebnisreise
Malta

Malta und Gozo zum Kennenlernen

  • Valletta intensiv erkunden
  • Tagesausflug nach Gozo
  • Steinmetzhandwerk hautnah erleben
Reise ansehen
ab € 795 inkl. Anreise
Dalmatien zum Kennenlernen
8 Tage Erlebnisreise
Kroatien + 2 weitere

Dalmatien zum Kennenlernen

  • Zwei Ausflugspakete optional buchbar
  • UNESCO-Welterbe Dubrovnik
  • Verschiedene Hotels und Kategorien zur Auswahl
Reise ansehen
ab € 845 inkl. Anreise
Zypern zum Kennenlernen
8 Tage Erlebnisreise
Zypern

Zypern zum Kennenlernen

  • Termine ohne Aufpreis für Doppelzimmer zur Alleinbenutzung
  • Tagesausflug nach Kyrenia
  • Zentrales 4-Sterne-Standorthotel
Reise ansehen
ab € 995 inkl. Anreise
Griechenland zum Kennenlernen
8 Tage Erlebnisreise
Griechenland

Griechenland zum Kennenlernen

  • Akropolis ─ Ursprung der Demokratie
  • Der Heilige Hain von Olympia
  • Löwentor von Mykene
Reise ansehen
ab € 1,095 inkl. Anreise

Text & Bild Elemente

Folgende Elemente können zur Darstellung von Text, Bild oder Text-Bild-Kombinationen:

  • Text Block (mit der Möglichkeit Bilder im Text einzubinden)
  • Quote (eigenes Format zur Darstellung von Zitaten)
  • Bild (isolierte Darstellung eines Bildes und Metainformationen)
  • Image with Text (spezifische Darstellung Text-Bild)
  • Gallery (Bilder-Slideshow)

Text Block

Das Element Text Block ist primär für die Einbindung von Textparagraphen geeignet.
Texte lassen sich darin mit folgenden Formaten auszeichnen:

Summary lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam

Normaler Text lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam

Bold lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam

Italic lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam

  • Bullet Liste lorem ipsum
  • dolor sit amet, consetetur
  • sadipscing elitr, sed diam
  • nonumy eirmod tempor
  1. Nummerierte Liste lorem ipsum
  2. dolor sit amet, consetetur
  3. sadipscing elitr, sed diam
  4. nonumy eirmod tempor

Quote lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam

Link lorem ipsum

Durchgestrichen lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam

Horizontale Linie



Text Block mit eingebundenen Bildern

Im Text Blick lassen sich CMS-Media Assets einbinden und entsprechend auch Bilder - siehe Button "Add Media" über dem Eingabefeld.
Einem Bild könnne unterschiedliche Größen und Positionen zugeordnet werden, wobei die Positionen den Textfluss beeinflussen.

Wattwanderung in der NordseeLorem 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. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.


Quote

Quote 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.

Bild

Bilder können über das Element "Image" eingebunden und mit einem Capture Text versehen werden.
Zudem können unterschiedliche Größen und Positionen (links, mitte, rechts) definiert werden, siehe die folgenden Beispiele.

Alternate text lorem ipsum
Thumbnail (150 * 150)
Alternate text lorem ipsum
Size M (300 * rel.), Position links
Alternate text lorem ipsum
Size M (300 * rel.), Position mitte
Alternate text lorem ipsum
Size M (300 * rel.), Position rechts
Alternate text lorem ipsum
Size L (original up to 1.024 * rel.)
Alternate text lorem ipsum
Size full (original up to 1.280 * original)

Text-Bild-Kombination

Das Element Image with text eignet sich für sehr visuell plakative Darstellungen mit begrenzter Text-Info je Bild.
Es kann zwischen Bild links/Text rechts und umgekehrt gewählt werden.

Das zugehörige Bildformat lautet "Content"

Afrikanische Frauen mit Fußball
Caption lorem ipsum

Titel lorem ipsum

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.

Afrikanische Frauen mit Fußball
Caption lorem ipsum

Titel lorem ipsum

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.


Buttons & Links

Buttons und Links werden über das Element "Button" hinzugefügt. Zur Ausgabe eines Links muss der Style "Link" ausgewählt werden.

Im Folgenden sind alle Darstellungsoptionen aufgeführt:

Button Größen


Button Styles


Link Größen


Icons


Tabs & Accordion

Bitte vor der Verwendung von Tabs & Accordion dringend lesen!

Für Tabs und Accordions gibt es je zwei verschiedene Elemente:

  • Tabs und Custom Tabs
  • Accordion und Custom Accordion

Die Elemente "Tabs" und "Accordion" sind dann zu verwenden, wenn Tabs und Accordion nicht miteinander kombiniert werden - da dies technisch nicht dargestellt werden kann.
Der Vorteil dieser Elemente ist, dass der Editor deutlich übersichtlicher und einfacher zu bedienen ist.

 

Die Elemente "Custom Tabs" und "Custom Accordion" erlauben wiederum die Kombination (Accordion in Tab oder Tab in Accordion).
Nachteilig ist entsprechend die Übersichtlichkeit im Editor. Die Elemente Custom Tab/Accordion werden auf der Seite "eingeschränkt kombinierbare Elemente" erklärt.

Tabellen & Formulare werden wie folgt in eine Seite eingebunden:
Tabelle oder Formular im jeweiligen Bereich erstellen und über das Element "Table" bzw. "Form" einbinden.

Die Dokumentation zum Erstellen von Tabellen findet ihr ###hier###, die von Formularen hier.

Download

Titel lorem ipsum
Beschreibung lorem ipsum dolor sit amet.

Attention box

Headline success lorem ipsum
Content 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.
Headline error lorem ipsum
Content 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.

iFrame


Video (Youtube + Vimeo)