Configurazione generale del design del blog

In PrestaBlog, la personalizzazione del design è pensata per essere duratura e compatibile con gli aggiornamenti del modulo.

Si consiglia fortemente di utilizzare le opzioni di configurazione previste a questo scopo piuttosto che modificare direttamente o sovrascrivere template o file CSS. Gli override dei template complicano gli aggiornamenti futuri, richiedono il confronto dei file dopo ogni evoluzione del modulo e sono una fonte frequente di malfunzionamenti.

La sezione Configurazione > Design permette di regolare l'aspetto del blog mantenendo una struttura pulita e scalabile.

Si basa principalmente su due elementi:

• le impostazioni dei colori per i diversi elementi del blog
• le regole CSS personalizzate, che permettono di aggiungere stili senza impattare i file del modulo

Le impostazioni dei colori permettono di affinare visivamente:

• il menu del blog
• la paginazione
• le liste delle categorie
• il contenuto degli articoli
• il contenuto dei blocchi

Queste impostazioni riguardano solo l'aspetto visivo (colori, sfondi, hover) e si applicano globalmente.

Riferimenti visivi

Per alcuni elementi più complessi, PrestaBlog mostra un'immagine esplicativa accanto ai campi di configurazione. Queste immagini servono come riferimenti visivi per capire rapidamente quale parte della visualizzazione corrisponde a ciascun campo colore.

• ogni campo di configurazione è associato a un numero
• questo numero viene visualizzato accanto al campo
• lo stesso numero appare sull'immagine di anteprima
• il riferimento visivo permette di identificare con precisione l'elemento grafico interessato

Questo sistema permette di regolare il design in modo chiaro e intuitivo, senza modificare il codice o rischiare conflitti durante gli aggiornamenti.

CSS personalizzato

PrestaBlog fornisce un campo CSS personalizzato che permette di aggiungere regole CSS personalizzate senza modificare i file del modulo o del tema.

Le regole aggiunte tramite questo campo vengono conservate durante gli aggiornamenti di PrestaBlog. Questo è il metodo consigliato per apportare modifiche CSS specifiche al blog.

Dopo qualsiasi modifica al CSS personalizzato, è importante tenere conto della gestione della cache. I browser possono mantenere i fogli di stile in cache, il che a volte impedisce di vedere le modifiche immediatamente.

Per forzare il ricaricamento della cache del browser:

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

Se le modifiche non sono visibili, potrebbe essere necessario svuotare la cache di PrestaShop o disattivare temporaneamente la minificazione CSS per verificare il rendering. Vai su parametri avanzati > prestazioni.

Personalizzare la visualizzazione delle categorie

L'aspetto delle tue categorie può essere regolato su due livelli distinti, offrendo grande flessibilità a seconda che tu voglia una coerenza globale o una presentazione specifica per ogni categoria.

Opzioni globali nella configurazione

La sezione Impostazioni di visualizzazione delle liste di articoli raggruppa tutte le impostazioni che si applicano a tutte le categorie per impostazione predefinita: numero di articoli per pagina, visualizzazione dell'immagine di copertina, del riepilogo, della data, dell'autore, ecc. È il punto di partenza logico per definire una linea guida di visualizzazione coerente su tutto il blog.

Personalizzazione per categoria

Per andare oltre, ogni categoria dispone delle proprie opzioni di visualizzazione, accessibili direttamente da creazione o modifica di una categoria. Puoi così, categoria per categoria, sovrascrivere le impostazioni globali: scegliere un layout diverso, mostrare o nascondere alcuni elementi o definire un'immagine di copertina specifica.

Questo funzionamento a due livelli — globale e poi locale — ti permette di gestire efficacemente un blog con molte categorie con identità visive distinte.

E per il tema?

La visualizzazione del blog è anche influenzata dalla disposizione scelta nelle impostazioni del tema: numero di colonne, larghezza del contenuto, presenza di una sidebar... Queste impostazioni interagiscono direttamente con l'aspetto delle tue categorie. Considera di consultarle se desideri regolare la struttura generale del blog.