Allgemeine Konfiguration des Blogdesigns

In PrestaBlog ist die Design-Anpassung darauf ausgelegt, dauerhaft und mit Modul-Updates kompatibel zu sein.

Es wird dringend empfohlen, die dafür vorgesehenen Konfigurationsoptionen zu nutzen, anstatt Templates oder CSS-Dateien direkt zu ändern oder zu überschreiben. Template-Overrides erschweren zukünftige Updates, erfordern nach jeder Modul-Weiterentwicklung den Vergleich von Dateien und sind eine häufige Ursache für Fehlfunktionen.

Der Bereich Konfiguration > Design ermöglicht es, das Erscheinungsbild des Blogs anzupassen und dabei eine saubere und skalierbare Struktur beizubehalten.

Er basiert hauptsächlich auf zwei Elementen:

• Farbeinstellungen für verschiedene Blog-Elemente
• benutzerdefinierte CSS-Regeln, mit denen du Styles hinzufügen kannst, ohne Moduldateien zu beeinflussen

Mit den Farbeinstellungen kannst du visuell verfeinern:

• das Blog-Menü
• die Pagination
• Kategorie-Listings
• Artikel-Inhalte
• Block-Inhalte

Diese Einstellungen betreffen ausschließlich den visuellen Aspekt (Farben, Hintergründe, Hover) und gelten global.

Visuelle Marker

Für einige komplexere Elemente zeigt PrestaBlog ein erklärendes Bild neben den Konfigurationsfeldern. Diese Bilder dienen als visuelle Marker, um schnell zu verstehen, welcher Teil der Darstellung zu welchem Farbfeld gehört.

• jedes Konfigurationsfeld ist einer Nummer zugeordnet
• diese Nummer wird neben dem Feld angezeigt
• dieselbe Nummer erscheint auch auf dem Vorschaubild
• der visuelle Marker hilft, das betreffende grafische Element präzise zu identifizieren

Dieses System ermöglicht es, das Design klar und intuitiv anzupassen - ohne Code zu ändern oder Konflikte bei Updates zu riskieren.

Benutzerdefiniertes CSS

PrestaBlog stellt ein Feld für benutzerdefiniertes CSS bereit, mit dem du eigene CSS-Regeln hinzufügen kannst, ohne Modul- oder Theme-Dateien zu ändern.

Regeln, die über dieses Feld hinzugefügt werden, bleiben bei PrestaBlog-Updates erhalten. Das ist die empfohlene Methode, um CSS-Anpassungen speziell für das Blog vorzunehmen.

Nach jeder Änderung am Custom CSS solltest du das Cache-Verhalten berücksichtigen. Browser können Stylesheets im Cache behalten, wodurch Änderungen manchmal nicht sofort sichtbar sind.

Um den Browser-Cache zu erzwingen:

• unter Windows: CTRL + SHIFT + R
• unter macOS: CMD + SHIFT + R

Wenn Änderungen nicht sichtbar sind, kann es notwendig sein, den PrestaShop-Cache zu leeren oder die CSS-Minifizierung testweise zu deaktivieren, um das Rendering zu prüfen. Gehe zu Erweiterte Einstellungen > Leistung.

Kategorieanzeige anpassen

Das Erscheinungsbild deiner Kategorien lässt sich auf zwei verschiedenen Ebenen anpassen. Das bietet viel Flexibilität, je nachdem, ob du eine globale Konsistenz oder eine spezifische Darstellung pro Kategorie wünschst.

Globale Optionen in der Konfiguration

Der Bereich Anzeigeeinstellungen für Artikellisten fasst alle Einstellungen zusammen, die standardmäßig für alle Kategorien gelten: Anzahl der Artikel pro Seite, Anzeige des Titelbildes, der Zusammenfassung, des Datums, des Autors usw. Das ist der logische Ausgangspunkt, um eine konsistente Anzeige-Richtlinie für dein gesamtes Blog zu definieren.

Personalisierung pro Kategorie

Wenn du weiter gehen möchtest, verfügt jede Kategorie über eigene Anzeigeoptionen, die direkt über das Erstellen oder Bearbeiten einer Kategorie zugänglich sind. So kannst du Kategorie für Kategorie die globalen Einstellungen überschreiben: ein anderes Layout wählen, bestimmte Elemente ein- oder ausblenden oder ein eigenes Titelbild festlegen.

Dieses zweistufige Prinzip — global, dann lokal — ermöglicht es dir, ein Blog mit vielen Kategorien mit unterschiedlichen visuellen Identitäten effizient zu verwalten.

Und was ist mit dem Theme?

Die Darstellung des Blogs wird außerdem durch die in den Theme-Einstellungen gewählte Anordnung beeinflusst: Anzahl der Spalten, Inhaltsbreite, Vorhandensein einer Sidebar… Diese Einstellungen wirken sich direkt auf das Erscheinungsbild deiner Kategorien aus. Schau sie dir an, wenn du die allgemeine Struktur deines Blogs anpassen möchtest.