Přizpůsobení vzhledu webu Wordpress prostřednictvím vlastních CSS kódů je činnost, kterou dříve či později každý majitel webu řeší. CSS (Cascading Style Sheets) umožňuje upravovat a stylizovat prvky na webových stránkách bez zásahu do samotného kódu šablony. Tento článek poskytuje návod, jak bezpečně a efektivně přidávat vlastní CSS kódy do vašeho WordPress webu.
1. Přidání CSS přes Vlastní přizpůsobení
WordPress nabízí vestavěnou funkci pro přidávání vlastních CSS kódů přímo z administrátorského rozhraní:
- Krok 1: Přihlaste se do administrace WordPress (wp-admin).
- Krok 2: V levém menu vyberte „Vzhled“ a poté „Přizpůsobit“.
- Krok 3: V přizpůsobovači vyberte sekci „Dodatečné CSS“.
- Krok 4: Do textového pole vložte svůj CSS kód. Zde můžete přímo vidět, jak se vaše změny projeví na webu.
- Krok 5: Po dokončení úprav klikněte na „Publikovat“.
Tato metoda je ideální pro drobné úpravy a nemá vliv na rychlost načítání stránek.
2. Použití dětského tématu pro rozsáhlejší úpravy
Pro rozsáhlejší úpravy CSS je doporučeno vytvořit dětské téma (child theme). To umožňuje přizpůsobení bez rizika ztráty změn při aktualizaci hlavního tématu.
- Krok 1: Vytvořte složku pro dětské téma ve wp-content/themes.
- Krok 2: Vytvořte soubor
style.css v této složce a vložte základní informace o tématu na začátek souboru.
- Krok 3: Do
style.css přidejte své vlastní CSS.
- Krok 4: Vytvořte soubor
functions.php a v něm zaregistrujte styl rodičovského tématu pomocí funkce wp_enqueue_style.
- Krok 5: Aktivujte dětské téma ve WordPress administraci.
Tato metoda je vhodná pro uživatele s pokročilejšími technickými dovednostmi a pro web, kde se očekávají častější a rozsáhlejší úpravy stylů.
3. Pluginy pro přidávání vlastního CSS
Pro uživatele, kteří preferují jednodušší řešení bez nutnosti editace souborů, existuje mnoho pluginů umožňujících přidávání vlastních CSS kódů:
- Krok 1: Přihlaste se do administrace WordPress.
- Krok 2: Přejděte do sekce „Pluginy“ a vyberte „Přidat nový“.
- Krok 3: Vyhledejte plugin pro přidávání vlastních CSS kódů, například „Simple Custom CSS“ nebo „Custom CSS and JS“.
- Krok 4: Nainstalujte a aktivujte vybraný plugin.
- Krok 5: Po aktivaci pluginu naleznete v administraci novou sekci pro přidávání vašich CSS kódů.
Využití pluginu je vhodné pro ty, kteří vyhledávají rychlé a pohodlné řešení bez nutnosti zasahovat do kódu nebo vytvářet dětské téma.
Přidání vlastního CSS kódu do WordPress webu je flexibilní a relativně jednoduché. Ať už se rozhodnete pro přímé vložení kódů přes Vlastní přizpůsobení, vytvoření dětského tématu nebo použití pluginu, vždy je důležité provádět změny opatrně a s ohledem na celkovou kvalitu a rychlost vašeho webu.
