Obecná konfigurace vzhledu blogu

Od : Benoit - Kategorie : Tutorials
star
star
star
star
star

V PrestaBlog je přizpůsobení designu navrženo tak, aby bylo trvalé a kompatibilní s aktualizacemi modulu.

Důrazně se doporučuje používat konfigurační možnosti k tomu určené, namísto přímé úpravy nebo přepisování šablon nebo CSS souborů. Přepisy šablon komplikují budoucí aktualizace, vyžadují porovnávání souborů po každém vývoji modulu a jsou častým zdrojem poruch.

Sekce Konfigurace > Design vám umožňuje upravit vzhled blogu při zachování čisté a škálovatelné struktury.

Spoléhá se hlavně na dva prvky:

  • nastavení barev pro různé prvky blogu
  • vlastní CSS pravidla, která vám umožňují přidávat styly bez dopadu na soubory modulu

Nastavení barev vám umožňují vizuálně vylepšit:

  • menu blogu
  • stránkování
  • seznamy kategorií
  • obsah článků
  • obsah bloků

Tato nastavení se týkají pouze vizuálního aspektu (barvy, pozadí, hovery) a aplikují se globálně.

Připomenutí ke konfiguraci kategorií

Konfigurace kategorií vám umožňuje upravit mnoho nastavení zobrazení souvisejících s obsahem (titulek, popis, autor, datum...). Tato nastavení přímo neovlivňují barvy, ale ovlivňují konečné vykreslení blogu.

Vizuální značky

Vizuální značky pro konfiguraci designu

Pro některé složitější prvky PrestaBlog zobrazuje vysvětlující obrázek vedle konfiguračních polí. Tyto obrázky slouží jako vizuální značky pro rychlé pochopení, která část zobrazení odpovídá každému poli barvy.

  • každé konfigurační pole je spojeno s číslem
  • toto číslo je zobrazeno vedle pole
  • stejné číslo se zobrazuje na náhledovém obrázku
  • vizuální značka vám umožňuje přesně identifikovat dotčený grafický prvek

Tento systém vám umožňuje upravovat design jasným a intuitivním způsobem, bez úpravy kódu nebo rizika konfliktů při aktualizacích.

Vlastní CSS

PrestaBlog poskytuje pole pro vlastní CSS, které vám umožňuje přidávat personalizovaná CSS pravidla bez úpravy souborů modulu nebo šablony.

Pravidla přidaná prostřednictvím tohoto pole jsou zachována při aktualizacích PrestaBlog. Toto je doporučená metoda pro provádění CSS úprav specifických pro blog.

Po jakékoliv úpravě vlastního CSS je důležité zohlednit správu cache. Prohlížeče mohou uchovávat styly v cache, což někdy brání okamžitému zobrazení změn.

Pro vynucení obnovení cache prohlížeče:

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

Pokud změny nejsou viditelné, může být nutné vymazat cache PrestaShop nebo dočasně zakázat minifikaci CSS pro ověření vykreslení. Přejděte na pokročilé parametry > výkon.

Přizpůsobit zobrazení kategorií

Vzhled vašich kategorií lze upravit na dvou různých úrovních, což nabízí velkou flexibilitu podle toho, zda chcete globální konzistenci, nebo specifickou prezentaci pro každou kategorii.

Globální možnosti v konfiguraci

Sekce Nastavení zobrazení seznamů článků sdružuje všechna nastavení, která se ve výchozím stavu vztahují na všechny kategorie: počet článků na stránku, zobrazení úvodního obrázku, souhrnu, data, autora atd. Je to logický výchozí bod pro nastavení jednotných pravidel zobrazení v celém blogu.

Přizpůsobení podle kategorie

Pokud chcete jít dál, každá kategorie má vlastní možnosti zobrazení, které jsou dostupné přímo při vytváření nebo úpravě kategorie. Díky tomu můžete, kategorii po kategorii, přepsat globální nastavení: zvolit jiné rozložení, zobrazit nebo skrýt některé prvky nebo nastavit specifický úvodní obrázek.

Tento dvouúrovňový systém — globální a poté lokální — vám umožní efektivně spravovat blog s mnoha kategoriemi s odlišnou vizuální identitou.

A co šablona (téma)?

Zobrazení blogu je také ovlivněno rozvržením zvoleným v nastavení šablony: počtem sloupců, šířkou obsahu, přítomností postranního panelu... Tato nastavení přímo ovlivňují vzhled vašich kategorií. Zvažte jejich kontrolu, pokud chcete upravit celkovou strukturu blogu.

Sdílet tento obsah

Benoit

O autorovi

Benoit

orem ipsum dolor sit amet, consectetur adipiscing elit. Etiam feugiat felis in risus pulvinar vehicula. Cras eget ornare nibh. Suspendisse [...]

search Od stejného autora

Chcete-li ohodnotit tento článek, přihlaste se

Související příspěvky

Přidat komentář