Blog-Card 33% with text right
Wählen Sie einige Ihrer Blogposts aus und zeigen Sie sie als Karten links neben einem Text rechts im Verhältnis 33:66.
Item-ID: 07-010
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-Karten anlegen
- Klicken Sie auf den Button Inhalt, um das Blog-Card-Element zu erstellen.
- Im Reiter Blog Elements wählen Sie Blog-Card 33% 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 (> 2).
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 (> 2)
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 33% with text right gibt mehrere Teaserkarten Ihrer Blogartikel mit einem Bild, Datum und Button "Weiterlesen" sowie einen nebenstehenden Text im Verhältnis 66% (Text) : 33% Blog-Karten 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. Auf kleinen Darstellungsflächen werden alle Blog-Karten untereinander angezeigt. 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.
Im medatsu-Theme werden die verschiedenen Blog-Karten neben dem Text als Slider angezeigt, die mittels der Richtungspfeile klickbar werden. Das Bild steht dabei stets über dem Teasertext.
Verknüpfte Themen
Erläuterungen aus dem toujou- & TYPO3-Setup, die mit dieser Elementanleitung in Verbindung stehen.