Vier Ansichten, eine Seite – der neue View-Switcher in Bobaro

Bobaro bekommt ein großes Update für die Startseite. Mit dem neuen View-Switcher kannst du zwischen vier verschiedenen Darstellungsarten wählen, die Sortierung deiner Artikel anpassen und das Ganze als Standard für deine Besucher festlegen. Alles direkt im Seitenmenü – ohne neue Seite, ohne Reload-Frust.

Vier Ansichten für jeden Geschmack

Bisher gab es auf der Startseite genau eine Darstellung: die klassische Kartenansicht mit Vorschaubild links und Text rechts. Das bleibt als Standard-Ansicht erhalten – bewährt, sauber, immer zuverlässig.

Neu hinzugekommen sind drei weitere Ansichten:

Medium – zwei Spalten, großes Bild

Die Medium-Ansicht zeigt deine Artikel in einem zweispaltigen Grid. Das Vorschaubild sitzt oben in der Karte und nimmt die volle Breite ein, darunter folgen Metadaten, Titel und Vorschautext. Auf Mobilgeräten wechselt das Layout automatisch auf eine einzelne Spalte. Ein cleaner Look für Blogs mit viel visuellem Content.

Masonry – der Pinterest-Effekt

Wer seine Artikel in einem dynamischen, lebendigen Layout präsentieren möchte, ist mit der Masonry-Ansicht gut bedient. Drei Spalten auf dem Desktop, zwei auf Tablets, eine auf Mobilgeräten – und die Bilder zeigen sich in ihrer natürlichen Proportion. Kein einheitliches Zuschneiden, keine gleichen Kartenhöhen. Jede Karte ist so groß wie ihr Bild. Das Ergebnis wirkt lebendig und gibt dem Blog einen modernen, redaktionellen Charakter.

Hero – Spotlight für deine besten Artikel

Die Hero-Ansicht ist die aufwendigste der vier Darstellungen. Die ersten drei Artikel der aktuellen Seite erscheinen als großer Bild-Slider mit automatischem Fade-Übergang alle sechs Sekunden. Titel, Autor, Tags und ein Weiterlesen-Button sind direkt in das Bild eingeblendet. Darunter folgen die restlichen Artikel der Seite als kompakte Liste mit Vorschaubild links.

Die Hero-Ansicht ist ideal für Blogs, die einen starken visuellen Einstieg wollen und ihren neuesten oder wichtigsten Inhalten maximale Aufmerksamkeit gönnen möchten.

Sortierung – in welcher Reihenfolge sollen Artikel erscheinen?

Unabhängig von der gewählten Ansicht lässt sich jetzt auch die Sortierung der Artikel steuern. Drei Optionen stehen zur Verfügung:

• Neueste zuerst – der klassische chronologische Blog, Standard in Bobaro
• Älteste zuerst – sinnvoll für Tutorial-Serien oder fortlaufende Inhalte, die von Anfang an gelesen werden sollen
• Zufällig – eine frische Mischung bei jedem Besuch, ideal um ältere Artikel wieder ans Licht zu bringen

Die Zufalls-Sortierung ist dabei bewusst stabil gestaltet: Wer auf Seite 2 blättert, sieht dieselbe Reihenfolge wie auf Seite 1 – die Sortierung ändert sich nicht beim Navigieren, sondern erst beim nächsten Besuch oder wenn der Nutzer selbst auf "Zufällig" klickt.

Der Umschalter im Seitenmenü

Ansicht und Sortierung lassen sich direkt im Offcanvas-Menü umschalten – ganz oben, vor der Navigation. Die Buttons sind bewusst kompakt gehalten: nur Icons mit Tooltips, damit das Menü nicht zu voll wird. Die aktive Auswahl wird in der Primärfarbe des Blogs hervorgehoben, sodass immer auf einen Blick erkennbar ist, welche Ansicht gerade aktiv ist.

Zusätzlich zeigt das Menü die Gesamtzahl aller veröffentlichten Artikel – ohne Seiten, ohne Entwürfe, nur echte Blogbeiträge.

Einstellungen für den Admin

Im Admin-Bereich unter Einstellungen → Standard-Ansicht & Sortierung können Betreiber festlegen, welche Ansicht und Sortierung neue Besucher als Standard sehen sollen. Diese Einstellung greift immer dann, wenn noch kein Cookie des Nutzers vorhanden ist.

Speichert der Admin neue Standardwerte, werden die bestehenden Nutzer-Cookies automatisch zurückgesetzt – beim nächsten Seitenaufruf sehen alle Besucher die neue Voreinstellung.

Wählt der Nutzer danach selbst eine andere Ansicht, wird seine Wahl in einem datenschutzkonformen Cookie gespeichert. Kein Tracking, keine externen Dienste – nur eine funktionale Einstellung, die lokal im Browser liegt.

Verbesserte Paginierung

Die Paginierung auf der Startseite wurde grundlegend überarbeitet. Statt nur einen Schritt vor und zurück zu gehen, gibt es jetzt klare Sprungpunkte:

• « springt zur ersten Seite
• ‹ geht einen Schritt zurück
• Die Seitenzahlen zeigen immer die aktuelle Seite mit zwei Nachbarn, dazu immer Seite 1 und die letzte Seite
• › geht einen Schritt vor
• » springt zur letzten Seite

Lücken werden als … dargestellt. Bei wenigen Seiten entfallen die Punkte automatisch. Ansicht und Sortierung bleiben beim Blättern erhalten.

Ein Video sagt mehr...

Technische Anmerkungen

Die vier Ansichten sind als separate Include-Dateien im Ordner _views/ abgelegt. Die index.php bleibt übersichtlich und bindet je nach gewählter Ansicht die passende Datei ein. Das macht zukünftige Erweiterungen einfach – neue Ansichten können ergänzt werden, ohne die Kerndatei anzufassen.

Die Einstellungen defaultView und defaultSort werden in der bestehenden settings.json gespeichert, ganz ohne Datenbankänderung oder neue Konfigurationsdatei.