Cum să configurați imaginea slideshow-ului și a categoriilor

Această secțiune grupează toate setările legate de imaginile folosite de PrestaBlog.

Vei găsi setări pentru:

• imagini de articol
• imagini de categorie
• imagini pentru slideshow
• imagini pentru produse asociate
• imagini de autor

Aceste setări definesc dimensiunile și formatele folosite la încărcarea imaginilor noi.

Pentru a actualiza imaginile deja publicate în funcție de noile setări, este disponibil un instrument complementar în Instrumente > Regenerare imagini.

Configurarea dimensiunilor imaginilor și instrumentul de regenerare funcționează împreună: este recomandat să definești aceste setări imediat după instalarea blogului sau să regenerezi imaginile dacă faci ajustări pe un blog existent.

Cum identifici lățimea imaginii

Atunci când configurezi dimensiunile imaginilor, este important să știi lățimea folosită efectiv de tema ta în listarea blogului.

Procedura următoare îți permite să obții ușor această informație, direct din front-office:

1. Mergi la pagina principală a blogului, unde este afișată lista de articole
2. Alege primul articol afișat
3. Dă click dreapta pe titlul acestui articol
4. Apasă pe „Inspectează”

Se deschide instrumentul de dezvoltare și, de obicei, este selectat titlul articolului. În cod, găsește blocul imediat deasupra titlului, care conține imaginea. Acest bloc este identificat prin class="block_top".

Treci cu mouse-ul peste acest bloc în instrumentul de dezvoltare. Browserul va afișa direct dimensiunile blocului în pixeli pe ecran. Lățimea afișată corespunde lățimii de bază folosite pentru imagine în listare.

Ia în considerare zoom-ul la hover

Unele teme aplică un efect de zoom la hover pentru imaginile din listări.

Dimensiunea măsurată corespunde dimensiunii inițiale de afișare. La hover, imaginea este mărită. Pentru a păstra imaginea clară și a evita pixelarea, este recomandat să folosești o imagine mai mare, respectând proporțiile.

De exemplu, dacă lățimea măsurată este de 400 pixeli:

• înmulțit cu 1,5 dă 600 pixeli
• înmulțit cu 2 dă 800 pixeli

Această metodă îți permite să păstrezi proporțiile imaginii, asigurând o calitate bună inclusiv la hover.