Kompatibilität:

WebSite X5 Evo und Pro

Auf der Hauptseite des Blogs sowie in der durch das Objekt Artikelliste erstellten Galerie werden die Artikel in Boxen dargestellt. Diese automatisch von WebSite X5 generierten Boxen haben die Aufgabe, die Aufmerksamkeit der Besucher zu wecken und sie zum Lesen der gesamten Artikel einzuladen.


In dieser Anleitung sehen wir, wann sie verwendet werden, wie sie generiert werden und wie Sie deren Zusammensetzung und grafischen Stil anpassen können.


Was sind Artikelboxen

Eine Box ist einfach ein Bereich, in dem grundlegende Informationen zu einem Artikel zusammengefasst und häufig eine Schaltfläche bereitgestellt wird, um zur vollständigen Artikelseite zu gelangen. Sie sind vergleichbar mit einer Visitenkarte und die Blog-Homepage kann viele davon enthalten.


 

Sie führen Benutzer kurz in die Artikel ein, sodass diese sich ein Bild davon machen können, welche Inhalte für sie interessant sein könnten.


Wann werden sie erstellt

Die Boxen der Artikel werden automatisch erstellt, wenn:

  • der Blog verwendet wird: Auf der Homepage des Blogs wird eine Zusammenfassung der Artikel angezeigt, wobei jeder Artikel durch eine Box repräsentiert wird;
  • das Objekt Artikelliste eingesetzt wird, um nur eine Auswahl von Artikeln an einer anderen Stelle der Website darzustellen.

In all diesen Fällen werden die ausgewählten Artikel durch spezielle Boxen angezeigt.


Wie sehen Sie aus

Die Boxen bestehen aus folgenden Elementen:

  • Hintergrund: ein farbiger oder transparenter Hintergrund, auf den ein Rand angewendet werden kann.
  • Titelbild: das Bild, das als Titelbild des Artikels eingefügt wurde.
  • Inhalte: der Textteil der Box, der alle folgenden Elemente umfasst:
    • Titel
    • Beschreibung
    • Details
    • Schaltfläche 'Lesen'


Sie können die Zusammensetzung der Boxen anpassen und festlegen, dass bestimmte Elemente nicht eingefügt werden. 

  • Öffnen Sie das Einstellungsfenster (dies können Sie tun, indem Sie das eingefügte Objekt Artikelliste oder die Seite Blog: Hauptseite auswählen und auf die Schaltfläche Bearbeiten klicken) und gehen Sie bei Bedarf zum Abschnitt Einstellungen.
  • Verwenden Sie das Dropdown-Menü im Boxen-Stil, um das Element auszuwählen, das Sie anpassen möchten.
  • Klicken Sie, um das Häkchen neben der Option Sichtbar zu setzen oder zu entfernen, um das betreffende Element in den Boxen anzuzeigen oder auszublenden.
  • Im spezifischen Fall der Details können Sie genau festlegen, welche Informationen in den Boxen verfügbar gemacht werden sollen.


Welche Informationen zeigen sie

Um die Boxen zu erstellen, verwendet WebSite X5 hauptsächlich die Informationen, die über das Fenster Post erstellen hinzugefügt werden, auf das zugegriffen wird, wenn ein neuer Artikel hinzugefügt oder ein bereits bestehender Artikel bearbeitet wird (Schritt 1 - Einstellungen > Blog > Artikel).


Wenn eine Information nicht über das Fenster Post erstellen angegeben wird, wird sie natürlich auch nicht in der Box angezeigt.


Wie passen Sie sie an

Wie bereits erwähnt, werden die Boxen von WebSite X5 automatisch erstellt, indem die zu den Artikeln eingefügten Informationen verwendet werden. Standardmäßig wird den Stil der Boxen durch das für die Website gewählte Template bestimmt, aber es kann angepasst werden.

  • Öffnen Sie das Einstellungsfenster (dies können Sie tun, indem Sie das eingefügte Objekt Artikelliste oder die Seite Blog: Hauptseite auswählen und auf die Schaltfläche Bearbeiten klicken), und gehen Sie bei Bedarf zum Abschnitt Einstellungen.
  • Beginnen Sie mit der Definition, wie die Boxen auf der Seite angeordnet werden sollen. Verwenden Sie die Option Anordnung, um zwischen folgenden Darstellungen zu wählen:
    • Feste Höhe: Die Boxen werden in einem Raster angeordnet. Da alle Boxen die gleiche Höhe haben, ergibt das Raster ein regelmäßiges und kompaktes Layout.
    • Variable Höhe: Die Boxen werden ebenfalls in einem Raster angeordnet, aber die Höhe jeder einzelnen Box variiert in Abhängigkeit von den Proportionen des Bildes, das als Titelbild verwendet wird. Die Boxen füllen daher möglicherweise nicht alle Rasterzellen vollständig aus, was zu Leerstellen zwischen den Boxen führen kann.Diese Anordnung eignet sich besonders, wenn Sie eine einzelne Box pro Zeile oder eine einzige Zeile mit mehreren Spalten anzeigen möchten.
    • Masonry: Auch hier variiert die Höhe der Boxen in Abhängigkeit von den Proportionen des Titelbilds. Der Unterschied zur vorherigen Anordnung besteht darin, dass die Boxen nicht in einem regelmäßigen Raster untergebracht sind, sondern auf mehreren Reihen und Spalten ohne Lücken ausgerichtet sind, um kleinere Boxen nahtlos einzufügen.
    • SlideShow:  (nur für das Objekt Artikelliste verfügbar) Die Boxen haben dieselbe Höhe und werden in einer einzigen Zeile in einer Slideshow mit Navigationsschaltflächen angezeigt.
  • Anschließend können Sie die Anordnung der einzelnen Elemente innerhalb der Boxen festlegen. Verwenden Sie die Option Inhalt und wählen Sie zwischen:
    • Coverbild links, Titel und Inhalt rechts
    • Titel und Inhalt links, Coverbild  rechts
    • Coverbild oben, Titel und Inhalt unten
    • Titel oben, Coverbild und Inhalt unten
    • Coverbild als Hintergrund.
  • Allgemein können Sie außerdem die Anzahl der Boxen pro Zeile und die maximale Anzahl der Zeilen pro Seite festlegen. Wenn die festgelegte Anzahl der Artikel überschritten wird, wird eine Seitennummerierung hinzugefügt.
  • Falls gewünscht, können Sie die Höhe der Boxen anpassen. Beachten Sie, dass das Coverbild des Artikels je nach Höhe entsprechend angepasst wird. Texte werden in einer Bildlaufleiste angezeigt, wenn sie zu lang sind.
  • Um das Erscheinungsbild der Seite weiter zu verfeinern, können Sie die Abstände zwischen den Boxen anpassen.
  • Schließlich können Sie sich den einzelnen Elementen widmen, aus denen die Boxen bestehen: Verwenden Sie das Menü im Boxen-Stil, um das Element auszuwählen, das Sie anpassen möchten. Je nach ausgewähltem Element stehen Ihnen verschiedene Optionen wie Farbe, Schriftart, Ränder und Effekte zur Verfügung.