Configurarea generală a designului blogului

În PrestaBlog, personalizarea designului este gândită să fie durabilă și compatibilă cu actualizările modulului.

Este puternic recomandat să folosești opțiunile de configurare prevăzute în acest scop, în loc să modifici direct sau să suprascrii template-uri ori fișiere CSS. Override-urile de template complică actualizările viitoare, necesită compararea fișierelor după fiecare evoluție a modulului și sunt o sursă frecventă de defecțiuni.

Secțiunea Configurare > Design îți permite să ajustezi aspectul blogului păstrând o structură curată și scalabilă.

Se bazează în principal pe două elemente:

• setări de culoare pentru diferite elemente ale blogului
• reguli CSS personalizate, care îți permit să adaugi stiluri fără a afecta fișierele modulului

Setările de culoare îți permit să rafinezi vizual:

• meniul blogului
• paginarea
• listele de categorii
• conținutul articolelor
• conținutul blocurilor

Aceste setări vizează doar aspectul vizual (culori, fundaluri, hover) și se aplică global.

Marcaje vizuale

Pentru unele elemente mai complexe, PrestaBlog afișează o imagine explicativă lângă câmpurile de configurare. Aceste imagini servesc drept marcaje vizuale pentru a înțelege rapid ce parte din afișare corespunde fiecărui câmp de culoare.

• fiecare câmp de configurare este asociat cu un număr
• acest număr este afișat lângă câmp
• același număr apare pe imaginea de previzualizare
• marcajul vizual îți permite să identifici cu precizie elementul grafic vizat

Acest sistem îți permite să ajustezi designul într-un mod clar și intuitiv, fără a modifica codul sau a risca conflicte la actualizări.

CSS personalizat

PrestaBlog oferă un câmp de CSS personalizat care îți permite să adaugi reguli CSS personalizate fără a modifica fișierele modulului sau ale temei.

Regulile adăugate prin acest câmp sunt păstrate în timpul actualizărilor PrestaBlog. Aceasta este metoda recomandată pentru ajustări CSS specifice blogului.

După orice modificare a CSS-ului personalizat, este important să ții cont de gestionarea cache-ului. Browserele pot păstra foile de stil în cache, ceea ce uneori împiedică vizualizarea imediată a modificărilor.

Pentru a forța reîncărcarea cache-ului browserului:

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

Dacă modificările nu sunt vizibile, poate fi necesar să golești cache-ul PrestaShop sau să dezactivezi temporar minificarea CSS pentru a verifica randarea. Mergi la parametri avansați > performanță.

Personalizarea afișării categoriilor

Aspectul categoriilor tale poate fi ajustat la două niveluri distincte, ceea ce oferă multă flexibilitate în funcție de faptul că dorești o coerență globală sau o prezentare specifică pentru fiecare categorie.

Opțiuni globale în configurare

Secțiunea Setări de afișare pentru listele de articole grupează toate opțiunile care se aplică implicit tuturor categoriilor: număr de articole pe pagină, afișarea imaginii de copertă, a rezumatului, a datei, a autorului etc. Acesta este punctul de pornire logic pentru a defini o regulă de afișare coerentă pentru întregul tău blog.

Personalizare pe categorie

Pentru a merge mai departe, fiecare categorie are propriile opțiuni de afișare, accesibile direct din crearea sau editarea unei categorii. Astfel poți, categorie cu categorie, să suprascrii setările globale: să alegi un layout diferit, să afișezi sau să ascunzi anumite elemente sau să definești o imagine de copertă specifică.

Acest mod de funcționare pe două niveluri — global, apoi local — îți permite să gestionezi eficient un blog cu multe categorii cu identități vizuale distincte.

Și tema?

Afișarea blogului este influențată și de dispunerea aleasă în setările temei: numărul de coloane, lățimea conținutului, prezența unei sidebar... Aceste setări interacționează direct cu aspectul categoriilor tale. Ia-le în considerare dacă vrei să ajustezi structura generală a blogului.