Přesné úpravy vzhledu WordPressu: Využití vlastního CSS
Každý web čas od času potřebuje drobné úpravy designu, aby odpovídal vašim představám nebo aktuálním potřebám. Možná chcete změnit barvy, písmo nebo velikosti prvků.
Tyto vizuální úpravy se provádějí pomocí CSS. Dobrou zprávou je, že ve WordPress existuje jednoduchý a efektivní způsob, jak upravit vzhled webu bez toho, aniž byste museli vytvářet child šablonu. WordPress totiž obsahuje zabudovaný CSS editor přímo v sekci Přizpůsobit.
Co je to CSS?
CSS (Cascading Style Sheets) je stylovací jazyk používaný pro popis vzhledu a formátování webových stránek napsaných v HTML. Díky CSS můžete definovat, jakým způsobem se budou jednotlivé prvky na stránce zobrazovat – od barev, velikostí textu, přes rozložení prvků až po animace a efekty.
V tomto článku si podrobně vysvětlíme, jak přidat vlastní CSS styly přímo do WordPressu, abyste mohli přizpůsobit vzhled svého webu přesně podle svých potřeb a zároveň zajistili, že vaše změny zůstanou bezpečně zachovány i po aktualizacích.
Jak vložit vlastní CSS styly pomocí WordPress editoru
Přihlaste se do WordPress a v levém menu vyberte Vzhled → Přizpůsobit.
Zobrazí se Customizér a v jeho levém menu vyberte položku CSS.
Zobrazí se editor, do kterého vložte nebo napište vlastní CSS styly.
Nakonec stačí kliknout na tlačítko Publikovat a máte hotovo.
Editor obsahuje základní kontrolu vložených stylů a na případné chyby dokáže upozornit, takže se nemusíte bát, že by se něco nenávratně rozbilo.
Proč nevkládat vlastní styly do šablony, ale radši využít vlastní plugin nebo child theme?
Úprava stylů šablony nebo pluginu přímo v originální složce se nedoporučuje, protože při aktualizaci je velká šance, že dojde k přepsání upravovaných souborů a tedy i k ztrátě úprav.
Nejlepší způsob jak upravovat šablonu je pomocí child šablony. Tento způsob však může být pro začátečníky zbytečně složitý a při drobných úpravách vzhledu stačí využít zabudovaný editor, který umožňuje vložení vlastního CSS.
Při využití sekce Přizpůsobit se nemusíte bát aktualizací a případné ztráty úprav. Zároveň ani při změně šablony nedojde ke ztrátě stylů. Což oceníte v případě, že jste je použili například k nastylování kontaktního formuláře.
