Tutoriels
Sport
Come configurare l'immagine dello slideshow e delle categorie
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:
- Vai alla homepage del tuo blog, dove è visualizzata la lista degli articoli
- Prendi il primo articolo visualizzato
- Clicca con il tasto destro sul titolo di questo articolo
- 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.
Condividi
