Jak upravit styl šablony WordPressu bez zásahu do kódu

Jak upravit styl šablony WordPressu bez zásahu do kódu

by webmaster2 Červenec 06, 2018
Úprava CSS souboru

Úprava kaskádového stylu Worpdressu je bohužel jedním z nejčastější kamenů úrazů dnešních webů.

Absolutně nejčastěji se setkávám s tím, že kódér (nebo alespoň člověk, který si takto říká) upraví kaskádové stylu přímo v hlavním souboru style.css, který je ke každé šabloně k dispozici. Editor souboru style.css vypadá nějak takto:

Úprava CSS souboru

Proč je to chyba?

Při aktualizaci šablony, která je nutná pro udržení vašeho WordPressu v provozuschopném i bezpečném stavu, se tento soubor přepíše novým a tím veškeré vaše úpravy kaskádového stylu zmizí.

Jak upravit CSS správně?

Máte celkem 2 možnosti, záleží na tom, jakou verzi WordPressu používáte.

Verze 4.7 a vyšší

V této verzi, pokud to není v šabloně zakázáno, tak WordPress sám má k dispozici sekci pro zapsání vašich vlastních CSS hodnot. Dostanete se k ní z administrátorského menu Vzhled – Přizpůsobit – Nastavení CSS. Editor vypadá ke dnešnímu dni takto:Nastavní CSS v customizéru

Verze nižší než 4.7 nebo zakázaný editor v šabloně

V tomto případě je nejlepší si nainstalovat jeden z pluginů, který vám umožní uložit váš kód podobným způsobem. Mým favoritem je AddFunc Head & Footer Code, který umí vložit jakýkoliv HTML kód buď do hlavičky stránky nebo patičky. Kromě změny kaskádových stylů ho tedy využijete i při přidávání META tagů, skriptů a podobných specialit, které budete potřebovat.

Na závěr

Celý problém změny kaskádových stylů spočívá v tom, že v případě editace hlavního souboru style.css ukládáte svůj CSS kód právě do tohoto souboru, zatímco v druhém případě je kód vložený v databázi a do stránek se dostane až v okamžiku jejich generování.

Tags: ,
Social Shares

Related Articles

Leave a Comment

Your email address will not be published. Required fields are marked *

Exclusive SEO Backlinking Formula Marketing Giveaway (Worth $99)

Call to Action