Configurazione

Tema

Questa sezione permette di scegliere il tema grafico utilizzato da PrestaBlog.

Per una nuova installazione, non è necessaria alcuna impostazione particolare. Il tema predefinito Grid & Slide è consigliato. È il template più recente, che integra le ultime evoluzioni del design con l'uso di slide per molti elementi del blog (blocchi, homepage, ecc.).

Il tema Grid for 1.7 corrisponde a un design più datato. Tuttavia, rimane pienamente compatibile con PrestaShop 8 e PrestaShop 9 e con le nuove opzioni offerte da PrestaBlog.

La parte destra dello schermo permette di selezionare il layout del tema. Basta cliccare sul layout desiderato per applicarlo. Le opzioni fornite riguardano solo il layout visivo dell'intero blog e possono essere modificate in qualsiasi momento senza impatto sui dati o sul resto del negozio.

Homepage del blog

Questa sezione contiene le impostazioni relative alla homepage del blog PrestaBlog.

La prima parte riguarda la configurazione generale della homepage. Puoi definire il meta titolo, la meta descrizione e il titolo H1. Tutti questi campi sono configurabili per ogni lingua, permettendoti di adattare correttamente il contenuto e la SEO in base alla lingua del sito. Puoi anche attivare o disattivare la visualizzazione dello slideshow.

URL della homepage del blog

Una seconda parte permette di configurare l'URL della homepage del blog. Questo URL può essere personalizzato liberamente. È consigliabile utilizzare solo caratteri semplici, senza accenti, spazi, apostrofi o caratteri speciali.

Pop-up PrestaBlog

Il sistema pop-up di PrestaBlog si attiva da questa pagina o dalla pagina di configurazione globale. Puoi attivare o disattivare il sistema pop-up. Quando il pop-up non è in uso, è consigliabile disattivarlo per evitare il caricamento di script inutili sulle pagine del blog. Questo alleggerisce il caricamento e ottimizza le prestazioni.

Se il pop-up è attivato, puoi scegliere se visualizzarlo sulla homepage del blog e selezionare quale pop-up mostrare. Dovrai prima aver creato un pop-up tramite la pagina di gestione dei popup.

Articoli in homepage

Questa sezione è un collegamento rapido alla lista personalizzata. Puoi aggiungere una sezione nella homepage che mostra gli articoli della homepage. La troverai direttamente nella scheda configurazione > homepage del blog.

• Aggiungi un titolo (ad esempio: "Le nostre ultime novità"). Apparirà sopra la lista.
• Per mantenere la coerenza, evita titoli o descrizioni troppo lunghi per limitare la duplicazione dei contenuti.
• Scegli quali categorie visualizzare, con un'opzione di visualizzazione casuale.

Se vuoi cambiare la posizione di questo blocco rispetto a un altro, vai alla gestione delle posizioni di PrestaShop in Design > Posizioni. Cerca il hook displayHome, individua PrestaBlog e spostalo trascinando il blocco nella posizione desiderata.

Configurazione globale

Configurazione URL (rewrite)

Questa parte permette di gestire la struttura degli URL del blog.

Puoi attivare o disattivare gli URL amichevoli. Nella maggior parte dei casi, questa opzione è attivata, a condizione che il server permetta la riscrittura degli URL.

Una volta attivati gli URL amichevoli, un'opzione aggiuntiva appare per rimuovere gli ID numerici dagli URL degli articoli. Questa opzione è disponibile solo se il rewrite è attivo.

Dopo aver rimosso gli ID e confermato la configurazione, un'altra opzione diventa disponibile per aggiungere il suffisso .html agli URL. Non è possibile attivare .html se gli ID numerici sono ancora presenti negli URL.

Configurazione Front Office

Questa parte riguarda la visualizzazione del blog lato visitatore.

Le opzioni permettono di:

• mostrare o nascondere il breadcrumb sulle pagine del blog
• mostrare la miniatura negli articoli
• attivare la navigazione precedente/successivo sulle pagine degli articoli
• mostrare un link al feed RSS della categoria

Nascondere il link del Blog nel menu in alto

Un'opzione consente di mostrare o nascondere il link "Blog" nella barra di navigazione superiore. Per impostazione predefinita, se questa opzione non e mai stata salvata (ad esempio dopo un aggiornamento), il link viene visualizzato.

Puoi anche aggiungere una scheda sulle pagine prodotto che elenca gli articoli del blog correlati. Questa opzione ti permette di controllare se i link agli articoli del blog devono apparire sulle pagine prodotto.

Questo permette strategie SEO in cui il blog può linkare ai prodotti senza mostrare sistematicamente link di ritorno dalle pagine prodotto al blog.

Altre opzioni permettono di definire:

• il numero massimo di articoli associati su una pagina prodotto
• il numero massimo di prodotti associati su una pagina articolo
• la dimensione della miniatura dei prodotti correlati
• la visualizzazione delle valutazioni degli articoli

L'attivazione globale del sistema pop-up è presente anche qui. Se il sistema pop-up non è utilizzato, si consiglia di disattivarlo per evitare il caricamento di script inutili.

Un'opzione infine permette di aggiungere le Material Icons nell'header. È utile per alcuni temi che non seguono completamente le raccomandazioni PrestaShop e non integrano correttamente questa libreria, con il risultato che le icone non appaiono sul blog e vengono mostrati i nomi al loro posto.

Pulsanti di condivisione

Questa sezione permette di attivare o disattivare la visualizzazione dei pulsanti di condivisione sugli articoli del blog.

Puoi scegliere con precisione quali social network devono essere visualizzati.
Se vuoi cambiare il loro colore, vai su configurazione > design > pulsanti di condivisione. (vedi la sezione design)

Configurazione globale dell'amministrazione

Quest'ultima parte riguarda solo il back-office.

Permette di definire:

• il numero di caratteri richiesti per i campi di ricerca durante l'associazione di prodotti o articoli
• il numero di risultati visualizzati per pagina per queste ricerche
• il numero di elementi visualizzati per pagina nelle liste di articoli e commenti
• se i commenti vengono visualizzati automaticamente durante la modifica di un articolo

Queste impostazioni servono a migliorare il comfort d'uso dell'amministrazione. Non hanno impatto sul front office e generalmente non richiedono alcuna modifica particolare.

Blocchi

I blocchi PrestaBlog vengono visualizzati nelle colonne sinistra o destra del tema, quando presenti. La loro posizione dipende direttamente dalla struttura del tema utilizzato.

Il posizionamento dei blocchi avviene tramite trascinamento. Questa azione è possibile solo se il tema dispone effettivamente di colonne. Se il tema non prevede colonne, i blocchi non potranno essere visualizzati, anche se sono attivati.
Questo comportamento dipende unicamente dal tema e non dal modulo.

Blocco ricerca articoli

Questo blocco permette di attivare o disattivare la ricerca degli articoli del blog.
È possibile scegliere tra una ricerca semplice che mostra direttamente gli articoli, o una ricerca avanzata con filtri.

Un'opzione permette anche di mostrare o nascondere l'icona di ricerca nel menu.

Blocco ultimi articoli

Questo blocco mostra gli ultimi articoli del blog.
Sono disponibili diverse opzioni di presentazione, tra cui la visualizzazione dell'introduzione o delle miniature. Il rendering dipende dal design scelto.

È consigliabile testare visivamente le diverse opzioni per adattare la visualizzazione al tema utilizzato.

Articoli per data

Questo blocco mostra gli articoli per data, sotto forma di archivio.
È poco utilizzato nella maggior parte delle configurazioni, ma resta disponibile per i siti che desiderano offrire una navigazione cronologica.

Ultime novità nel footer

Questo blocco mostra gli articoli recenti nel footer del sito.
È possibile mostrare solo i titoli oppure aggiungere miniature e testo.

Per ragioni di leggibilità e SEO, si consiglia generalmente di limitare la visualizzazione ai soli titoli.

Blocco RSS

Questo blocco mostra un link al feed RSS del blog.
È destinato agli utenti che desiderano offrire un accesso diretto al feed, senza alcuna configurazione particolare.

Nascondere i blocchi su alcune pagine

Per impostazione predefinita, i blocchi PrestaBlog (colonna sinistra, colonna destra) vengono visualizzati su tutte le pagine del negozio. Se desideri mostrarli solo nelle pagine del blog, puoi aggiungere delle eccezioni di posizione per escludere le pagine in cui il blocco non deve apparire.

Procedura:

1. Dall'amministrazione di PrestaBlog, clicca sul pulsante "Punti di aggancio" situato in alto a destra dello schermo. Questo ti reindirizza alla pagina di gestione delle posizioni di PrestaShop.

2. Cerca la posizione "displayLeftColumn" (colonna sinistra) o "displayRightColumn" (colonna destra), poi clicca sull'icona Modifica (matita) accanto al modulo PrestaBlog.

3. Nella sezione Eccezioni, seleziona dall'elenco le pagine in cui il blocco non deve essere visualizzato. Puoi selezionare piu pagine contemporaneamente tenendo premuto il tasto Ctrl mentre clicchi, oppure selezionare un intervallo di pagine consecutive con Shift + clic.

4. Salva per applicare le modifiche.

Categorie

La configurazione delle categorie è il vero cuore del design del blog. È qui che si genera il design che si desidera rappresentare.

Impostazioni principali nella lista categorie

Si sceglie il numero di articoli per pagina. Se la visualizzazione è a 2 o 4 colonne, un numero pari è consigliato. Con 3 colonne, un numero dispari è preferibile.

La larghezza e l'altezza della miniatura dell'articolo sono configurate di default a 800x600, ma è possibile modificare queste dimensioni in base alle proporzioni desiderate.

La lunghezza del titolo e la dimensione della descrizione permettono di definire quanti caratteri vengono visualizzati. Se un valore è impostato a 0, l'elemento corrispondente non viene più visualizzato.

La visualizzazione degli articoli può essere impostata su 1, 2, 3 o 4 colonne, oppure in modalità full picture per mettere in risalto immagini grandi.

Puoi anche scegliere se visualizzare il numero di articoli in ogni categoria.

Impostazioni di visualizzazione delle liste articoli

Queste opzioni permettono di scegliere quali elementi vengono visualizzati nelle liste articoli: data di pubblicazione, nomi delle categorie, valutazioni, autore, link per leggere l'articolo, numero di commenti, numero di visualizzazioni.

Un'opzione permette di propagare questo design alle liste personalizzate e agli articoli associati. Se attivata, le impostazioni di visualizzazione selezionate verranno applicate agli articoli associati e alle liste personalizzate di articoli.

Personalizzare una categoria

Puoi definire una visualizzazione diversa per una categoria specifica, sostituendo le impostazioni di visualizzazione globali.

Per farlo, basta attivare l'opzione Sostituire le impostazioni di visualizzazione globali della categoria nella categoria interessata. Le opzioni disattivate continueranno a utilizzare la configurazione globale.

Questo permette di visualizzare alcune categorie in modo diverso. Ad esempio, puoi mettere una categoria in modalità galleria mantenendo solo l'immagine, o creare pagine con una presentazione specifica secondo il tipo di contenuto (testimonianze, autori, ecc.).

Blocco categorie

Questa sezione permette di configurare la visualizzazione del blocco categorie del blog.

Puoi attivare o disattivare completamente il blocco. Quando è attivo, diverse opzioni permettono di regolare con precisione il suo comportamento e la sua visualizzazione.

Puoi scegliere se visualizzare le categorie vuote. Quando questa opzione è disattivata, il numero di elementi visualizzati tiene conto delle categorie figlie in modo ricorsivo.

L'albero delle categorie può essere visualizzato o nascosto. Puoi anche mostrare le miniature delle categorie e, se necessario, parte della loro descrizione.

La lunghezza del titolo e la dimensione della descrizione permettono di limitare il numero di caratteri visualizzati. Come per le altre impostazioni del modulo, un valore troppo alto può appesantire la visualizzazione, mentre un valore ridotto permette un rendering più compatto.

Un'opzione permette di mostrare un link a tutti gli articoli della categoria. Il feed RSS può essere attivato anche. Questa opzione riguarda solo la categoria selezionata.

Menu categorie nelle pagine del blog

Questa sezione permette di gestire la visualizzazione del menu categorie su tutte le pagine del blog.

Puoi attivare o disattivare il menu in base al contesto:

• homepage del blog
• liste di articoli
• pagine degli articoli

Puoi anche:

• mostrare un link diretto alla pagina principale del blog
• mostrare questo link come immagine
• nascondere le categorie vuote
• mostrare o nascondere il numero di articoli per categoria

Le categorie figlie vengono visualizzate come menu a tendina, per una navigazione chiara e strutturata.

Parte superiore della prima pagina di una categoria

Questa sezione permette di definire la visualizzazione del contenuto nella parte superiore della prima pagina di una categoria, prima della lista degli articoli.

Puoi mostrare o nascondere la descrizione della categoria. Questa opzione permette di mettere in evidenza un testo introduttivo, utile per la SEO e la contestualizzazione dei contenuti.

La visualizzazione della miniatura della categoria può essere attivata o disattivata. Questa miniatura corrisponde a un'immagine di dimensioni ridotte, generalmente utilizzata per una visualizzazione discreta.

Un'altra opzione permette di mostrare un'immagine grande nella parte superiore della pagina della categoria. Questa immagine è destinata a un rendering più visivo e d'impatto, ad esempio per mettere in evidenza una categoria principale o un universo specifico.

Le dimensioni delle immagini sono completamente configurabili. Puoi definire separatamente la larghezza e l'altezza della miniatura della categoria, così come la larghezza e l'altezza dell'immagine grande della categoria.

Queste impostazioni permettono di adattare con precisione la visualizzazione al design del tema utilizzato e garantire coerenza visiva tra le diverse pagine delle categorie.

Commenti

PrestaBlog offre due sistemi di commenti, ma non sono equivalenti.

Il sistema di commenti classico di PrestaBlog è il più adatto per un utilizzo a lungo termine:

• i commenti vengono salvati nel database del sito
• vengono conservati durante le migrazioni
• possono essere gestiti direttamente dall'amministrazione di PrestaBlog
• l'amministratore può rispondere ai commenti dal back-office

Un secondo sistema, basato sui commenti Facebook, è anche disponibile. Si appoggia su un servizio esterno e non permette alcuna gestione diretta dei commenti da PrestaBlog.

Commenti classici

I commenti classici sono il sistema nativo di PrestaBlog. Possono essere gestiti completamente dal back-office e permettono all'autore di rispondere ai commenti come autore.

Validazione dei commenti: L'opzione "Approva automaticamente i commenti" è fortemente sconsigliata.

• i commenti vengono pubblicati immediatamente senza controllo
• il rischio di spam o contenuti indesiderati è più alto

Si consiglia di mantenere la validazione manuale dei commenti.

Protezione antispam e Captcha

PrestaBlog offre due meccanismi di protezione contro lo spam.

Google reCAPTCHA v2

PrestaBlog è compatibile con Google reCAPTCHA v2. Se possiedi già una chiave reCAPTCHA v2 esistente, puoi utilizzarla.

• inserisci la chiave pubblica Google captcha
• inserisci la chiave privata Google captcha

Antispam PrestaBlog (consigliato)

Un sistema antispam nativo è disponibile tramite Strumenti > Antispam.

• il sistema si basa su domande semplici
• la domanda visualizzata viene scelta in modo casuale
• nessuna dipendenza da un servizio esterno
• nessuna chiave da configurare

Commenti Facebook

PrestaBlog permette di utilizzare i commenti Facebook al posto dei commenti classici. Tuttavia, ne sconsigliamo l'uso poiché rimane proprietario e appare solo per gli utenti collegati a Facebook (a causa della normativa GDPR).

I commenti non vengono né salvati né gestiti in PrestaBlog, e non è possibile rispondere dal blog. Questo sistema non verrà più aggiornato dal nostro team.

Configurazione:

• attiva i commenti Facebook nella configurazione
• crea un'applicazione Facebook dedicata ai commenti
• inserisci l'ID API Facebook nel campo fornito
• aggiungi eventualmente dei moderatori Facebook

Design

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.

Dimensioni delle immagini

Questa sezione raggruppa tutte le impostazioni relative alle immagini utilizzate da PrestaBlog.

Troverai le impostazioni per:

• immagini degli articoli
• immagini delle categorie
• immagini dello slideshow
• immagini dei prodotti associati
• immagini degli autori

Queste impostazioni definiscono le dimensioni e i formati utilizzati al momento del caricamento di nuove immagini.

Per aggiornare le immagini già pubblicate in base alle nuove impostazioni, uno strumento complementare è disponibile in Strumenti > Rigenera immagini.

La configurazione delle dimensioni delle immagini e lo strumento di rigenerazione lavorano insieme: si consiglia di definire queste impostazioni appena il blog viene installato, oppure di rigenerare le immagini se vengono apportate modifiche su un blog esistente.

Come identificare la larghezza dell'immagine

Quando si configurano le dimensioni delle immagini, è importante conoscere la larghezza effettivamente utilizzata dal tuo tema nella lista del blog.

La procedura seguente permette di ottenere facilmente questa informazione, direttamente dal front-office:

1. Vai alla homepage del tuo blog, dove è visualizzata la lista degli articoli
2. Prendi il primo articolo visualizzato
3. Clicca con il tasto destro sul titolo di questo articolo
4. Clicca su "Ispeziona"

Lo strumento di sviluppo si apre e generalmente seleziona il titolo dell'articolo. Nel codice, individua il blocco appena sopra il titolo, che contiene l'immagine. Questo blocco è identificato da class="block_top".

Passa il mouse sopra questo blocco nello strumento di sviluppo. Il browser mostra direttamente le dimensioni del blocco in pixel sullo schermo. La larghezza visualizzata corrisponde alla larghezza di base utilizzata per l'immagine nella lista.

Tenere conto dello zoom al passaggio del mouse

Alcuni temi applicano un effetto zoom al passaggio del mouse sulle immagini nelle liste.

La dimensione misurata corrisponde alla dimensione di visualizzazione iniziale. Al passaggio del mouse, l'immagine viene ingrandita. Per mantenere un'immagine nitida ed evitare qualsiasi pixelizzazione, si consiglia di utilizzare un'immagine più grande rispettando le proporzioni.

Ad esempio, se la larghezza misurata è di 400 pixel:

• moltiplicare per 1,5 dà 600 pixel
• moltiplicare per 2 dà 800 pixel

Questo metodo permette di preservare le proporzioni dell'immagine garantendo una buona qualità, anche al passaggio del mouse.