Jak nakonfigurovat obrázek slideshow a kategorií

Tato sekce seskupuje všechna nastavení související s obrázky používanými PrestaBlog.

Najdete nastavení pro:

• obrázky článků
• obrázky kategorií
• obrázky slideshow
• obrázky souvisejících produktů
• obrázky autorů

Tato nastavení definují rozměry a formáty používané při nahrávání nových obrázků.

Pro aktualizaci již publikovaných obrázků podle nových nastavení je k dispozici doplňkový nástroj v Nástroje > Regenerace obrázků.

Konfigurace rozměrů obrázků a nástroj regenerace fungují společně: doporučuje se definovat tato nastavení ihned po instalaci blogu, nebo regenerovat obrázky, pokud jsou provedeny úpravy na existujícím blogu.

Jak zjistit šířku obrázku

Při konfiguraci rozměrů obrázků je důležité znát šířku skutečně používanou vaší šablonou v seznamu blogu.

Následující postup vám umožní snadno získat tuto informaci, přímo z front-office:

1. Přejděte na domovskou stránku blogu, kde je zobrazen seznam článků
2. Vezměte první zobrazený článek
3. Klikněte pravým tlačítkem na titulek tohoto článku
4. Klikněte na „Prozkoumat“

Vývojový nástroj se otevře a obecně vybere titulek článku. V kódu najděte blok těsně nad titulkem, který obsahuje obrázek. Tento blok je identifikován pomocí class="block_top".

Najedte na tento blok ve vývojovém nástroji. Prohlížeč pak přímo zobrazí rozměry bloku v pixelech na obrazovce. Zobrazená šířka odpovídá základní šířce použité pro obrázek v seznamu.

Zohlednění zvětšení při najetí

Některé šablony aplikují efekt zvětšení při najetí na obrázky v seznamech.

Změřený rozměr odpovídá počáteční velikosti zobrazení. Při najetí se obrázek zvětší. Pro zachování ostrého obrázku a vyhnutí se pixelaci se doporučuje použít větší obrázek při zachování proporcí.

Například, pokud je změřená šířka 400 pixelů:

• vynásobení 1,5 dává 600 pixelů
• vynásobení 2 dává 800 pixelů

Tato metoda vám umožňuje zachovat proporce obrázků a zároveň zajistit dobrou kvalitu, včetně při najetí.