toujou
+49 911 23980-870

Two Horizontal Content Cards

Zwei Contentcards, jeweils mit einem Link und Text neben dem Bild

Item-ID: 04-014

 Beispielansicht   Anleitung   Verhalten


Beispielansicht

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua


Anleitung

Contentcards anlegen

  • Klicken Sie auf den Button Inhaltum eine Contentcard zu erstellen.
  • Im Reiter Card Elements wählen Sie Two horizontal content cards.

Bilder einfügen

  • Klicken Sie auf den Button Bild hinzufügen.
  • Wählen Sie eine Bilddatei aus Ihrer Fileliste aus oder laden Sie eine Datei in den entsprechenden Ordner hoch.

Texte einfügen

  • Fügen Sie in der Titel-Maske eine Überschrift hinzu. 
  • Geben Sie Ihren Text in das Textfeld ein.
  • Sollten Sie die Texte aus einer anderen Datei kopieren, achten Sie auf eventuell mitkopierte Formatierungen.

Links einfügen

  • Klicken Sie auf den Link-Button um eine Verlinkung einzufügen.
  • Wählen Sie aus einem der verfügbaren Reiter, um innerhalb der Unterseiten, Elemente oder auf eine externe URL zu verlinken.
  • Geben Sie einen Linktext in die entsprechende Maske ein. 

⚠️ Hinweis zur Linksetzung: Ein Link im Linkfeld (s. Schritt 4 der Anleitung) macht die gesamte Content Card zu einem klickbaren Feld. Wenn Sie im Textfeld (Schritt 3) einen Link hinterlegen möchten, können Sie nicht gleichzeitig die gesamte Card verlinken. Wenn Sie also innerhalb einer Content Card zwei oder mehr Links verwenden möchten, müssen diese alle im Textfeld eingetragen werden.


Besonderheit im medatsu-Theme

Das medatsu-Theme bietet Ihnen Optionen zur individuellen Website-Gestaltung im toujou-Backend. Passen Sie das Design des einzelnen Elements nach Ihren Wünschen an und ändern Sie je nach Element die Hintergrundfarbe und die Hintergrundfarbe der Headline oder Pfeile.

 

  • Mit Klick auf das Element Design erhalten Sie im Dropdown-Menü die Wahl für eine individuelle Designfarbe, die sich auf die Hintergrund- und Headlinehintergrundfarbe auswirkt.
  • Als Möglichkeiten stehen default, primary, secondary sowie inverted zur Verfügung. Die Optionen orientieren sich an den im toujou settings definierten Farben.

Verhalten

Zwei horizontale Karten mit Inhalt ist eine doppelte Schaltfläche mit beschreibendem Inhalt. Sie besteht aus zwei Karten-Elementen mit je einem Bild mit einem festen Seitenverhältnis (Template-abhängig), Beschreibungstext und einer Link-Beschriftung. Der dazugehörige Link macht das gesamte Element zu einer Schaltfläche und ist Grundvoraussetzung, um den Button anzuzeigen.

Besonderheiten:

  • Wird kein Bild hochgeladen, können die Cards auch als Schaltfläche mit Textinhalt verwendet werden.
  • Wird kein Link hinterlegt, können die Cards auch als reines Inhaltselement verwendet werden. Es wird kein Button angezeigt.

Responsive: Auf kleinen Darstellungsflächen werden alle Schaltflächen untereinander angezeigt. 


Verknüpfte Themen

Erläuterungen aus dem toujou- & TYPO3-Setup, die mit dieser Elementanleitung in Verbindung stehen.

Textbearbeitung  Bildbearbeitung  Dateiliste