Ogólna konfiguracja wyglądu bloga

W PrestaBlog personalizacja wyglądu jest zaprojektowana tak, aby była trwała i kompatybilna z aktualizacjami modułu.

Zdecydowanie zaleca się korzystanie z opcji konfiguracji przeznaczonych do tego celu, zamiast bezpośredniego modyfikowania lub nadpisywania szablonów lub plików CSS. Nadpisywanie szablonów komplikuje przyszłe aktualizacje, wymaga porównywania plików po każdej ewolucji modułu i jest częstym źródłem błędów.

Sekcja Konfiguracja > Wygląd pozwala dostosować wygląd bloga zachowując czystą i skalowalną strukturę.

Opiera się głównie na dwóch elementach:

• ustawienia kolorów dla różnych elementów bloga
• własne reguły CSS, które pozwalają dodawać style bez wpływu na pliki modułu

Ustawienia kolorów pozwalają wizualnie dopracować:

• menu bloga
• paginację
• listy kategorii
• treść artykułów
• treść bloków

Te ustawienia dotyczą tylko aspektu wizualnego (kolory, tła, hover) i stosują się globalnie.

Znaczniki wizualne

Dla bardziej złożonych elementów PrestaBlog wyświetla objaśniający obraz obok pól konfiguracji. Te obrazy służą jako znaczniki wizualne, aby szybko zrozumieć, która część wyświetlania odpowiada danemu polu koloru.

• każde pole konfiguracji jest powiązane z numerem
• ten numer jest wyświetlany obok pola
• ten sam numer pojawia się na obrazie podglądu
• znacznik wizualny pozwala precyzyjnie zidentyfikować dany element graficzny

Ten system pozwala dostosować wygląd w przejrzysty i intuicyjny sposób, bez modyfikowania kodu lub ryzyka konfliktów podczas aktualizacji.

Własne CSS

PrestaBlog zapewnia pole własnych CSS pozwalające na dodanie spersonalizowanych reguł CSS bez modyfikowania plików modułu lub motywu.

Reguły dodane za pośrednictwem tego pola są zachowywane podczas aktualizacji PrestaBlog. Jest to zalecana metoda wprowadzania dostosowań CSS specyficznych dla bloga.

Po każdej modyfikacji własnych CSS ważne jest uwzględnienie zarządzania pamięcią podręczną. Przeglądarki mogą przechowywać arkusze stylów w pamięci podręcznej, co czasem uniemożliwia natychmiastowe zobaczenie zmian.

Aby wymusić ponowne załadowanie pamięci podręcznej przeglądarki:

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

Jeśli zmiany nie są widoczne, może być konieczne wyczyszczenie pamięci podręcznej PrestaShop lub tymczasowe wyłączenie minifikacji CSS, aby zweryfikować renderowanie. Przejdź do parametry zaawansowane > wydajność.

Dostosowanie wyglądu kategorii

Wygląd Twoich kategorii można dostosować na dwóch odrębnych poziomach, co daje dużą elastyczność w zależności od tego, czy chcesz zachować spójność globalną, czy przygotować specyficzną prezentację dla każdej kategorii.

Opcje globalne w konfiguracji

Sekcja Ustawienia wyświetlania list artykułów grupuje wszystkie ustawienia stosowane domyślnie do wszystkich kategorii: liczba artykułów na stronę, wyświetlanie obrazu okładki, podsumowania, daty, autora itd. To logiczny punkt wyjścia do zdefiniowania spójnych zasad wyświetlania w całym blogu.

Personalizacja dla każdej kategorii

Aby pójść dalej, każda kategoria posiada własne opcje wyświetlania, dostępne bezpośrednio z poziomu tworzenia lub edycji kategorii. Dzięki temu możesz, kategoria po kategorii, nadpisywać ustawienia globalne: wybrać inny układ, pokazać lub ukryć niektóre elementy albo ustawić dedykowany obraz okładki.

To podejście dwupoziomowe — globalne, a następnie lokalne — pozwala efektywnie zarządzać blogiem z wieloma kategoriami o różnych tożsamościach wizualnych.

A co z motywem?

Wyświetlanie bloga zależy również od układu wybranego w ustawieniach motywu: liczby kolumn, szerokości treści, obecności paska bocznego... Te ustawienia wpływają bezpośrednio na wygląd Twoich kategorii. Warto je sprawdzić, jeśli chcesz dostosować ogólną strukturę bloga.