Blog Card
Wählen Sie einige Ihrer Blogposts aus und zeigen Sie sie als Karte.
Item-ID: 07-001
Beispielansicht Anleitung Verhalten
Beispielansicht (einzeln)
Beispielansicht (mehrere)
Anleitung
Blog-Karte(n) anlegen
- Klicken Sie auf den Button +Inhalt, um das Blog-Card-Element zu erstellen.
- Im Reiter Blog Elements wählen Sie Blog-Card.
Blog-Einträge wählen
- Im Reiter Content wählen Sie im Abschnitt Blog Element Selection zwischen der Option most recent, manual oder by category (nebenstehende Beschreibung beachten).
- Die Option most recent ist voreingestellt. Hier werden die neuesten angelegten Blog-Beiträge angezeigt. Geben Sie dazu die maximale Anzahl der Blog-Beiträge an, die angezeigt werden sollen.
Blog-Beiträge »manual«
- Wählen Sie manual, können Sie die angelegen Blog-Artikel im Seitenbaum auswählen, die ausgespielt werden sollen.
- 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.
Blog-Einträge »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
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 gibt eine oder mehrere Teaserkarten Ihrer Blogartikel mit einem Bild, Datum sowie dem Button »Weiterlesen« wieder. Der dargestellte Inhalt der Blog-Karten wird vom Redakteur bereits bei Erstellung des Artikels vorbestimmt.
Je nach Theme-Auswahl können die Blog-Karten die volle Inhaltsbreite oder Textlaufweite annehmen. Auch die Anordnung nebeneinander oder untereinander ist themeabhängig.
Responsive: Eine einzelne Blog-Karte nimmt die Textlaufweite der Seite ein, zwei Karten nebeneinander die maximale Inhaltsbreite. 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. Auf kleinen Darstellungsflächen werden alle Blog-Karten untereinander angezeigt.
Besonderheiten: Im Falle von Blog Element selection by category, 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.