toujou
+49 911 23980-870

Blog-Card with text right

Wählen Sie einige Ihrer Blogposts aus und zeigen Sie sie als Karte links neben einem Text rechts. 

Item-ID: 07-008

 Beispielansicht   Anleitung   Verhalten


Beispielansicht

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


Anleitung

Blog-Karte(n) anlegen 

  • Klicken Sie auf den Button Inhaltum das Blog-Card-Element zu erstellen.
  • Im Reiter Blog Elements wählen Sie Blog-Card with text right.

Blog-Einträge wählen

  • Im Reiter Content wählen Sie im Abschnitt Blog Element Selection zwischen der Option manual oder by category (nebenstehende Beschreibung beachten).
  • Die Option manual ist voreingestellt. Wählen Sie by category, öffnet sich das Fenster "Aktualisierung erforderlich". Bestätigen Sie die gewünschte Option per Klick auf OK

Manual

  • Klicken Sie am unteren Ende der Maske Blog Entries auf den Button Seite  
  • Im nun geöffneten Fenster Datensatzauswahl öffnen Sie auf der linken Seite innerhalb Ihres Strukturbaums den Ordner, der Ihre Blog-Artikel enthält.
  • Klicken Sie auf die Schriftzeile des gewünschten Artikels rechts neben dem Artikel-Icon. Wiederholen Sie den Vorgang je nach Anzahl gewünschter Artikel. 

 

By category

  • Klicken Sie in der Maske Blog Categories auf die Auswahlfelder der gewünschten Blog-Kategorien bzw. auf Alle umschalten, wenn alle neu erscheinenden Artikel unabhängig Ihrer Zuordnung eingefügt werden sollen
  • Bestimmen Sie im Feld maximum number of blog cards (default = 4), wie viele Artikel innerhalb dieses Elements dargestellt werden sollen

 Text einfügen

  • Geben Sie bei Content im untergeordneten Reiter Text Ihren Text in den Editor ein.
  • Sollten Sie die Texte aus einer anderen Datei kopieren, achten Sie auf eventuell mitkopierte Formatierungen.
  • Der Text kann direkt im Editor, mit dem Menü über dem Textfeld, formatiert werden. 

Besonderheit im medatsu-Theme 

Das medatsu-Theme bietet Ihnen zusätzliche Optionen zur individuellen Website-Gestaltung, die Sie ganz einfach im toujou-Backend vornehmen können. Passen Sie das Design des einzelnen Elements nach Ihren Wünschen an und ändern Sie die Hintergrundfarbe der Blogcard.

  • Mit Klick auf das Element Design erhalten Sie im Dropdown-Menü die Wahl für eine individuelle Hintergrundfarbe des Elements.
  • Im Default erscheint das Element farblos. Weitere Optionen sind primary, secondary sowie inverted. Die Möglichkeiten orientieren sich an den in den Theme settings definierten Farben.

Verhalten

Die Blog Card with text right gibt eine oder mehrere Teaserkarten Ihrer Blogartikel mit einem Bild, Datum und Button "Weiterlesen" sowie einen nebenstehenden Text im Verhältnis 50:50 wieder. Der dargestellte Inhalt der Blog-Karten wird vom Redakteur bereits bei Erstellung des Artikels vorbestimmt.

Je nach Theme-Auswahl werden die Blog-Karten einzeln direkt anklickbar oder als Slider angezeigt. Auch die Anordnung des Bildes, neben oder über dem Teasertext, variiert je nach Theme-Auswahl.

Responsive: Das Element nimmt die maximale Inhaltsbreite ein. Ist nicht ausreichend Platz zur Darstellung nebeneinander vorhanden, zeigen alle Blog-Karten bei kleiner werden Endgeräten das zuvor nebenstehende Bild über dem Teasertext an. Der Text ordnet sich über den Blog-Karten ein.

Besonderheiten: Wählen Sie im Bereich Blog Element selection by category eine kleinere Zahl als die Zahl insgesamt veröffentlichter Artikel, stellt das Element stets den jüngsten Artikel an die erste Stelle und entfernt die Darstellung des ältesten Elements aus der Ansicht.


Verknüpfte Themen

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

Blog-Administration  Text-Bearbeitung