{"id":12765,"date":"2026-11-11T18:41:22","date_gmt":"2026-11-11T15:41:22","guid":{"rendered":"https:\/\/webmister.pro\/?p=12765"},"modified":"2026-11-11T18:41:22","modified_gmt":"2026-11-11T15:41:22","slug":"uprava-sablony-wordpress","status":"publish","type":"post","link":"https:\/\/webmister.pro\/cz\/uprava-sablony-wordpress\/","title":{"rendered":"Bezpe\u010dn\u00e9 \u00fapravy \u0161ablon WordPress bez z\u00e1sahu do k\u00f3du"},"content":{"rendered":"<p>Ovl\u00e1dnut\u00ed \u00faprav \u0161ablon WordPress a ochranu aktualizac\u00ed va\u0161eho webu m\u016f\u017eete bezpe\u010dn\u011b zajistit vyu\u017eit\u00edm pod\u0159\u00edzen\u00fdch \u0161ablon (child themes), glob\u00e1ln\u00edch styl\u016f a vyhrazen\u00fdch rozhran\u00ed pro \u00fapravy, ani\u017e byste p\u0159\u00edmo upravovali k\u00f3d nad\u0159azen\u00e9 \u0161ablony. Vyu\u017eit\u00edm t\u011bchto nativn\u00edch architektonick\u00fdch n\u00e1stroj\u016f zajist\u00edte, \u017ee va\u0161e \u00fapravy designu z\u016fstanou nedot\u010den\u00e9 i v p\u0159\u00edpad\u011b, \u017ee z\u00e1kladn\u00ed soubory nad\u0159azen\u00e9 \u0161ablony obdr\u017e\u00ed pravideln\u00e9 aktualizace.<\/p>\n<nav class=\"wppub-toc\" aria-label=\"Table of contents\">\n<p class=\"wppub-toc__title\">Table of contents<\/p>\n<ul class=\"wppub-toc__list\">\n<li class=\"wppub-toc__item\"><a class=\"wppub-toc__link\" href=\"#jak-detska-sablona-chrani-me-upravy-behem-aktualizaci-rodicovske-sablony\">Jak d\u011btsk\u00e1 \u0161ablona chr\u00e1n\u00ed m\u00e9 \u00fapravy b\u011bhem aktualizac\u00ed rodi\u010dovsk\u00e9 \u0161ablony?<\/a>\n<ul class=\"wppub-toc__list wppub-toc__list--sub\">\n<li class=\"wppub-toc__item wppub-toc__item--sub\"><a class=\"wppub-toc__link\" href=\"#jaka-nezbytna-hlavicka-stylu-je-vyzadovana\">Jak\u00e1 nezbytn\u00e1 hlavi\u010dka styl\u016f je vy\u017eadov\u00e1na?<\/a><\/li>\n<li class=\"wppub-toc__item wppub-toc__item--sub\"><a class=\"wppub-toc__link\" href=\"#jak-zajistite-ze-se-styly-detske-sablony-nactou-spravne\">Jak zajist\u00edte, \u017ee se styly d\u011btsk\u00e9 \u0161ablony na\u010dtou spr\u00e1vn\u011b?<\/a><\/li>\n<li class=\"wppub-toc__item wppub-toc__item--sub\"><a class=\"wppub-toc__link\" href=\"#co-se-stane-kdyz-chybi-nazev-rodicovske-slozky\">Co se stane, kdy\u017e chyb\u00ed n\u00e1zev rodi\u010dovsk\u00e9 slo\u017eky?<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"wppub-toc__item\"><a class=\"wppub-toc__link\" href=\"#jak-spravne-nakonfigurovat-styly-a-strukturu-adresaru-pro-bezpecne-upravy-sablony\">Jak spr\u00e1vn\u011b nakonfigurovat styly a strukturu adres\u00e1\u0159\u016f pro bezpe\u010dn\u00e9 \u00fapravy \u0161ablony?<\/a>\n<ul class=\"wppub-toc__list wppub-toc__list--sub\">\n<li class=\"wppub-toc__item wppub-toc__item--sub\"><a class=\"wppub-toc__link\" href=\"#kde-musi-byt-umisten-hlavni-soubor-stylu\">Kde mus\u00ed b\u00fdt um\u00edst\u011bn hlavn\u00ed soubor styl\u016f?<\/a><\/li>\n<li class=\"wppub-toc__item wppub-toc__item--sub\"><a class=\"wppub-toc__link\" href=\"#jak-spravne-nacitat-styly-pomoci-funkci\">Jak spr\u00e1vn\u011b na\u010d\u00edtat styly pomoc\u00ed funkc\u00ed?<\/a><\/li>\n<li class=\"wppub-toc__item wppub-toc__item--sub\"><a class=\"wppub-toc__link\" href=\"#proc-byste-se-meli-vyhnout-vkladani-veskereho-css-do-souboru-style-css\">Pro\u010d byste se m\u011bli vyhnout vkl\u00e1d\u00e1n\u00ed ve\u0161ker\u00e9ho CSS do souboru style.css?<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"wppub-toc__item\"><a class=\"wppub-toc__link\" href=\"#kdy-byste-meli-pouzit-theme-json-misto-rucniho-css-pro-blokova-temata\">Kdy byste m\u011bli pou\u017e\u00edt theme.json m\u00edsto ru\u010dn\u00edho CSS pro blokov\u00e1 t\u00e9mata?<\/a>\n<ul class=\"wppub-toc__list wppub-toc__list--sub\">\n<li class=\"wppub-toc__item wppub-toc__item--sub\"><a class=\"wppub-toc__link\" href=\"#jak-theme-json-zpracovava-globalni-nastaveni\">Jak theme.json zpracov\u00e1v\u00e1 glob\u00e1ln\u00ed nastaven\u00ed?<\/a><\/li>\n<li class=\"wppub-toc__item wppub-toc__item--sub\"><a class=\"wppub-toc__link\" href=\"#jak-nastaveni-podrizeneho-tematu-prepisuji-konfigurace-nadrazeneho-tematu\">Jak nastaven\u00ed pod\u0159\u00edzen\u00e9ho t\u00e9matu p\u0159episuj\u00ed konfigurace nad\u0159azen\u00e9ho t\u00e9matu?<\/a><\/li>\n<li class=\"wppub-toc__item wppub-toc__item--sub\"><a class=\"wppub-toc__link\" href=\"#kde-jsou-ulozeny-uzivatelske-upravy\">Kde jsou ulo\u017eeny u\u017eivatelsk\u00e9 \u00fapravy?<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"wppub-toc__item\"><a class=\"wppub-toc__link\" href=\"#jak-se-orientovat-v-editoru-webu-a-knize-stylu-pro-upravy-vizualniho-rozvrzeni\">Jak se orientovat v Editoru webu a Knize styl\u016f pro \u00fapravy vizu\u00e1ln\u00edho rozvr\u017een\u00ed?<\/a>\n<ul class=\"wppub-toc__list wppub-toc__list--sub\">\n<li class=\"wppub-toc__item wppub-toc__item--sub\"><a class=\"wppub-toc__link\" href=\"#kde-najdete-rozhrani-editoru-webu\">Kde najdete rozhran\u00ed Editoru webu?<\/a><\/li>\n<li class=\"wppub-toc__item wppub-toc__item--sub\"><a class=\"wppub-toc__link\" href=\"#jak-kniha-stylu-pomaha-pri-kontrole-globalnich-stylu-bloku\">Jak Kniha styl\u016f pom\u00e1h\u00e1 p\u0159i kontrole glob\u00e1ln\u00edch styl\u016f blok\u016f?<\/a><\/li>\n<li class=\"wppub-toc__item wppub-toc__item--sub\"><a class=\"wppub-toc__link\" href=\"#jsou-zmeny-aplikovany-okamzite-nebo-jsou-ulozeny-docasne\">Jsou zm\u011bny aplikov\u00e1ny okam\u017eit\u011b, nebo jsou ulo\u017eeny do\u010dasn\u011b?<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"wppub-toc__item\"><a class=\"wppub-toc__link\" href=\"#jaky-je-nejbezpecnejsi-pracovni-postup-pro-testovani-vlastnich-css-a-uprav-vzhledu\">Jak\u00fd je nejbezpe\u010dn\u011bj\u0161\u00ed pracovn\u00ed postup pro testov\u00e1n\u00ed vlastn\u00edch CSS a \u00faprav vzhledu?<\/a>\n<ul class=\"wppub-toc__list wppub-toc__list--sub\">\n<li class=\"wppub-toc__item wppub-toc__item--sub\"><a class=\"wppub-toc__link\" href=\"#jak-prizpusobeni-zachazi-s-dalsim-css-pri-prepinani-vzhledu\">Jak p\u0159izp\u016fsoben\u00ed zach\u00e1z\u00ed s Dal\u0161\u00edm CSS p\u0159i p\u0159ep\u00edn\u00e1n\u00ed vzhled\u016f?<\/a><\/li>\n<li class=\"wppub-toc__item wppub-toc__item--sub\"><a class=\"wppub-toc__link\" href=\"#jaky-pracovni-postup-minimalizuje-provozni-riziko\">Jak\u00fd pracovn\u00ed postup minimalizuje provozn\u00ed riziko?<\/a><\/li>\n<li class=\"wppub-toc__item wppub-toc__item--sub\"><a class=\"wppub-toc__link\" href=\"#kdy-byste-meli-prejit-od-vizualnich-uprav-k-primym-zmenam-souboru-kodu\">Kdy byste m\u011bli p\u0159ej\u00edt od vizu\u00e1ln\u00edch \u00faprav k p\u0159\u00edm\u00fdm zm\u011bn\u00e1m soubor\u016f k\u00f3du?<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"wppub-toc__item\"><a class=\"wppub-toc__link\" href=\"#faq\">FAQ<\/a>\n<ul class=\"wppub-toc__list wppub-toc__list--sub\">\n<li class=\"wppub-toc__item wppub-toc__item--sub\"><a class=\"wppub-toc__link\" href=\"#proc-se-me-vlastni-css-nezobrazuje-na-mem-webu-wordpress\">Pro\u010d se m\u00e9 vlastn\u00ed CSS nezobrazuje na m\u00e9m webu WordPress?<\/a><\/li>\n<li class=\"wppub-toc__item wppub-toc__item--sub\"><a class=\"wppub-toc__link\" href=\"#kde-je-ulozeno-dalsi-css-ve-wordpressu\">Kde je ulo\u017eeno Dal\u0161\u00ed CSS ve WordPressu?<\/a><\/li>\n<li class=\"wppub-toc__item wppub-toc__item--sub\"><a class=\"wppub-toc__link\" href=\"#proc-se-me-zmeny-v-customizer-nezobrazuji-v-souboru-style-css-me-podrizene-sablony-child-theme\">Pro\u010d se m\u00e9 zm\u011bny v Customizer nezobrazuj\u00ed v souboru style.css m\u00e9 pod\u0159\u00edzen\u00e9 \u0161ablony (child theme)?<\/a><\/li>\n<li class=\"wppub-toc__item wppub-toc__item--sub\"><a class=\"wppub-toc__link\" href=\"#jak-mohu-nacist-vlastni-soubor-stylu-pouze-pro-jednu-sablonu-stranky-v-podrizene-sablone-child-theme\">Jak mohu na\u010d\u00edst vlastn\u00ed soubor styl\u016f pouze pro jednu \u0161ablonu str\u00e1nky v pod\u0159\u00edzen\u00e9 \u0161ablon\u011b (child theme)?<\/a><\/li>\n<li class=\"wppub-toc__item wppub-toc__item--sub\"><a class=\"wppub-toc__link\" href=\"#proc-se-ma-podrizena-sablona-child-theme-nacita-v-nahledu-customize-ale-ne-na-zivem-webu\">Pro\u010d se m\u00e1 pod\u0159\u00edzen\u00e1 \u0161ablona (child theme) na\u010d\u00edt\u00e1 v n\u00e1hledu Customize, ale ne na \u017eiv\u00e9m webu?<\/a><\/li>\n<li class=\"wppub-toc__item wppub-toc__item--sub\"><a class=\"wppub-toc__link\" href=\"#jak-zajistim-aby-se-zmeny-css-zobrazovaly-zive-v-nahledu-theme-customizer\">Jak zajist\u00edm, aby se zm\u011bny CSS zobrazovaly \u017eiv\u011b v n\u00e1hledu Theme Customizer?<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"wppub-toc__item\"><a class=\"wppub-toc__link\" href=\"#zdroje\">Zdroje<\/a><\/li>\n<\/ul>\n<\/nav>\n<h2 id=\"jak-detska-sablona-chrani-me-upravy-behem-aktualizaci-rodicovske-sablony\">Jak d\u011btsk\u00e1 \u0161ablona chr\u00e1n\u00ed m\u00e9 \u00fapravy b\u011bhem aktualizac\u00ed rodi\u010dovsk\u00e9 \u0161ablony?<\/h2>\n<p><img src=\"https:\/\/webmister.pro\/wp-content\/uploads\/2026\/11\/how-does-a-child-theme-protect-my-customizations-during-pare.webp\" alt=\"Jak d\u011btsk\u00e1 \u0161ablona chr\u00e1n\u00ed m\u00e9 \u00fapravy b\u011bhem aktualizac\u00ed rodi\u010dovsk\u00e9 \u0161ablony?\" title=\"Jak d\u011btsk\u00e1 \u0161ablona chr\u00e1n\u00ed m\u00e9 \u00fapravy b\u011bhem aktualizac\u00ed rodi\u010dovsk\u00e9 \u0161ablony?\" loading=\"lazy\" decoding=\"async\"><\/p>\n<p>D\u011btsk\u00e1 \u0161ablona v\u00e1m umo\u017e\u0148uje p\u0159izp\u016fsobit existuj\u00edc\u00ed \u0161ablonu bez p\u0159\u00edm\u00e9 \u00fapravy soubor\u016f rodi\u010dovsk\u00e9 \u0161ablony, tak\u017ee aktualizace rodi\u010dovsk\u00e9 \u0161ablony lze prov\u00e1d\u011bt bez p\u0159eps\u00e1n\u00ed t\u011bchto \u00faprav podle ofici\u00e1ln\u00ed dokumentace v p\u0159\u00edru\u010dce <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/child-themes\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Child Themes \u2013 Theme Handbook<\/a>. Kdy\u017e v\u00fdvoj\u00e1\u0159i nebo spr\u00e1vci web\u016f prov\u00e1d\u011bj\u00ed \u00fapravy p\u0159\u00edmo v rodi\u010dovsk\u00e9 \u0161ablon\u011b, ka\u017ed\u00e1 jednotliv\u00e1 aktualizace vydan\u00e1 p\u016fvodn\u00edm autorem \u0161ablony tyto zm\u011bny zcela vyma\u017ee. K tomuto nep\u0159\u00edjemn\u00e9mu probl\u00e9mu doch\u00e1z\u00ed, proto\u017ee aktualizace \u0161ablony nahrad\u00ed cel\u00fd adres\u00e1\u0159 rodi\u010dovsk\u00e9 \u0161ablony nov\u00fdmi soubory poskytnut\u00fdmi v\u00fdvoj\u00e1\u0159em. Pou\u017eit\u00edm d\u011btsk\u00e9 \u0161ablony izolujete sv\u00e9 osobn\u00ed \u00fapravy \u2013 jako jsou vlastn\u00ed pravidla CSS, p\u0159eps\u00e1n\u00ed soubor\u016f \u0161ablon a p\u0159id\u00e1n\u00ed funkc\u00ed \u2013 do zcela samostatn\u00e9ho adres\u00e1\u0159e. V d\u016fsledku toho, kdy\u017e rodi\u010dovsk\u00e1 \u0161ablona obdr\u017e\u00ed bezpe\u010dnostn\u00ed z\u00e1platy, opravy chyb nebo vylep\u0161en\u00ed funkc\u00ed, proces aktualizace bezpe\u010dn\u011b obnov\u00ed pouze rodi\u010dovskou slo\u017eku, ani\u017e by se dotkl va\u0161\u00ed d\u011btsk\u00e9 \u0161ablony. Tato strategie odd\u011blen\u00ed zaru\u010duje, \u017ee va\u0161e jedine\u010dn\u00e9 vizu\u00e1ln\u00ed \u00fapravy a funk\u010dn\u00ed vylep\u0161en\u00ed z\u016fstanou zachov\u00e1ny b\u011bhem ka\u017ed\u00e9ho cyklu aktualizac\u00ed.<\/p>\n<h3 id=\"jaka-nezbytna-hlavicka-stylu-je-vyzadovana\">Jak\u00e1 nezbytn\u00e1 hlavi\u010dka styl\u016f je vy\u017eadov\u00e1na?<\/h3>\n<p>Soubor style.css d\u011btsk\u00e9 \u0161ablony pot\u0159ebuje pole hlavi\u010dky Template s n\u00e1zvem adres\u00e1\u0159e rodi\u010dovsk\u00e9 \u0161ablony; WordPress toto pole pou\u017e\u00edv\u00e1 k identifikaci rodi\u010de podle p\u0159\u00edru\u010dky <a href=\"https:\/\/developer.wordpress.org\/themes\/core-concepts\/main-stylesheet\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Main Stylesheet (style.css) \u2013 Theme Handbook<\/a>. Tato specifick\u00e1 hlavi\u010dka styl\u016f se nach\u00e1z\u00ed hned na sam\u00e9m za\u010d\u00e1tku souboru `style.css` va\u0161\u00ed d\u011btsk\u00e9 \u0161ablony, naform\u00e1tovan\u00e1 v r\u00e1mci standardn\u00edho bloku koment\u00e1\u0159\u016f CSS. Bez tohoto kritick\u00e9ho bloku hlavi\u010dky nem\u016f\u017ee WordPress rozpoznat adres\u00e1\u0159 jako legitimn\u00ed d\u011btskou \u0161ablonu. Hlavi\u010dka mus\u00ed obsahovat povinn\u00e9 parametry, jako je n\u00e1zev \u0161ablony, a co je nejd\u016fle\u017eit\u011bj\u0161\u00ed, deklaraci `Template` n\u00e1sledovanou p\u0159esn\u00fdm n\u00e1zvem slo\u017eky rodi\u010dovsk\u00e9 \u0161ablony. Tento n\u00e1zev slo\u017eky p\u0159\u00edmo odpov\u00edd\u00e1 n\u00e1zvu adres\u00e1\u0159e ulo\u017een\u00e9mu v adres\u00e1\u0159i `wp-content\/themes` na va\u0161em serveru. Definov\u00e1n\u00ed t\u00e9to vlastnosti vytv\u00e1\u0159\u00ed z\u00e1kladn\u00ed vztah mezi ob\u011bma \u0161ablonami a \u0159\u00edk\u00e1 j\u00e1dru WordPressu p\u0159esn\u011b, kter\u00e1 rodi\u010dovsk\u00e1 \u0161ablona slou\u017e\u00ed jako z\u00e1klad pro va\u0161e \u00fapravy.<\/p>\n<h3 id=\"jak-zajistite-ze-se-styly-detske-sablony-nactou-spravne\">Jak zajist\u00edte, \u017ee se styly d\u011btsk\u00e9 \u0161ablony na\u010dtou spr\u00e1vn\u011b?<\/h3>\n<p>Zaji\u0161t\u011bn\u00ed spr\u00e1vn\u00e9ho na\u010dten\u00ed styl\u016f d\u011btsk\u00e9 \u0161ablony vy\u017eaduje spr\u00e1vnou konfiguraciju mechanismu na\u010d\u00edt\u00e1n\u00ed styl\u016f v souboru funkc\u00ed va\u0161\u00ed d\u011btsk\u00e9 \u0161ablony, aby styly odpov\u00eddaj\u00edc\u00edm zp\u016fsobem d\u011bdily od rodi\u010de. Zat\u00edmco d\u011btsk\u00e1 \u0161ablona vy\u017eaduje vlastn\u00ed hlavi\u010dku styl\u016f k deklaraci sv\u00e9 identity, pouh\u00e1 p\u0159\u00edtomnost souboru `style.css` nemus\u00ed v\u017edy sta\u010dit k vykreslen\u00ed styl\u016f ve spr\u00e1vn\u00e9m kask\u00e1dov\u00e9m po\u0159ad\u00ed v z\u00e1vislosti na tom, jak byla rodi\u010dovsk\u00e1 \u0161ablona p\u016fvodn\u011b vytvo\u0159ena. Modern\u00ed postupy v\u00fdvoje ve WordPressu zahrnuj\u00ed za\u0159azen\u00ed styl\u016f rodi\u010dovsk\u00e9 \u0161ablony spolu se styly d\u011btsk\u00e9 \u0161ablony pomoc\u00ed souboru funkc\u00ed, aby se p\u0159ede\u0161lo konflikt\u016fm p\u0159i vykreslov\u00e1n\u00ed a zajistily se plynul\u00e9 vizu\u00e1ln\u00ed p\u0159echody. Spr\u00e1vn\u00e9 na\u010d\u00edt\u00e1n\u00ed styl\u016f zaru\u010duje, \u017ee va\u0161e vlastn\u00ed \u00fapravy budou m\u00edt p\u0159ednost p\u0159ed v\u00fdchoz\u00edmi stylov\u00fdmi pravidly zaveden\u00fdmi rodi\u010dovskou \u0161ablonou, \u010d\u00edm\u017e se zachov\u00e1 integrita va\u0161ich voleb <a href=\"https:\/\/webmister.pro\/cz\/site-design\/\">N\u00e1vrh webu<\/a> na v\u0161ech str\u00e1nk\u00e1ch a typech p\u0159\u00edsp\u011bvk\u016f.<\/p>\n<h3 id=\"co-se-stane-kdyz-chybi-nazev-rodicovske-slozky\">Co se stane, kdy\u017e chyb\u00ed n\u00e1zev rodi\u010dovsk\u00e9 slo\u017eky?<\/h3>\n<p>Nespr\u00e1vn\u00e1 nebo chyb\u011bj\u00edc\u00ed hodnota br\u00e1n\u00ed WordPressu v identifikaci zam\u00fd\u0161len\u00e9ho rodi\u010dovsk\u00e9ho vztahu, co\u017e zcela naru\u0161uje funk\u010dnost d\u011btsk\u00e9 \u0161ablony. Pokud je pole hlavi\u010dky `Template` ponech\u00e1no pr\u00e1zdn\u00e9, obsahuje p\u0159eklep nebo odkazuje na n\u00e1zev slo\u017eky, kter\u00fd v adres\u00e1\u0159i \u0161ablon ve skute\u010dnosti neexistuje, WordPress \u0161ablonu spr\u00e1vn\u011b neinicializuje. Kdy\u017e k tomu dojde, pokus o aktivaci d\u011btsk\u00e9 \u0161ablony z administrace \u010dasto vyvol\u00e1 chybovou zpr\u00e1vu uv\u00e1d\u011bj\u00edc\u00ed, \u017ee rodi\u010dovsk\u00e1 \u0161ablona chyb\u00ed nebo je po\u0161kozen\u00e1. Syst\u00e9m spol\u00e9h\u00e1 zcela na p\u0159esnou shodu citlivou na velk\u00e1 a mal\u00e1 p\u00edsmena mezi \u0159et\u011bzcem deklarovan\u00fdm v hlavi\u010dce `Template` a skute\u010dn\u00fdm n\u00e1zvem adres\u00e1\u0159e rodi\u010dovsk\u00e9 \u0161ablony na serveru. Pokud je toto spojen\u00ed p\u0159eru\u0161eno nebo nespr\u00e1vn\u011b nakonfigurov\u00e1no, va\u0161e vlastn\u00ed \u00fapravy se nena\u010dtou a web se m\u016f\u017ee vr\u00e1tit k v\u00fdchoz\u00ed z\u00e1lo\u017en\u00ed \u0161ablon\u011b, aby se p\u0159ede\u0161lo vizu\u00e1ln\u00edm chyb\u00e1m. Udr\u017eov\u00e1n\u00ed naprost\u00e9 p\u0159esnosti v tomto poli je proto z\u00e1sadn\u00ed pro zachov\u00e1n\u00ed va\u0161ich vlastn\u00edch \u00faprav rozvr\u017een\u00ed b\u011bhem ka\u017ed\u00e9ho okna pravideln\u00e9 \u00fadr\u017eby a cyklu aktualizac\u00ed, jak je podrobn\u011b pops\u00e1no v pokynech nalezen\u00fdch v p\u0159\u00edru\u010dce Child Themes \u2013 Theme Handbook.<\/p>\n<h2 id=\"jak-spravne-nakonfigurovat-styly-a-strukturu-adresaru-pro-bezpecne-upravy-sablony\">Jak spr\u00e1vn\u011b nakonfigurovat styly a strukturu adres\u00e1\u0159\u016f pro bezpe\u010dn\u00e9 \u00fapravy \u0161ablony?<\/h2>\n<p>Hlavn\u00ed soubor styl\u016f (style.css) mus\u00ed b\u00fdt um\u00edst\u011bn v ko\u0159enov\u00e9m adres\u00e1\u0159i \u0161ablony, aby WordPress mohl \u0161ablonu rozpoznat jako platnou.<\/p>\n<h3 id=\"kde-musi-byt-umisten-hlavni-soubor-stylu\">Kde mus\u00ed b\u00fdt um\u00edst\u011bn hlavn\u00ed soubor styl\u016f?<\/h3>\n<p>WordPress vy\u017eaduje, aby se soubor style.css nach\u00e1zel v ko\u0159enov\u00e9m adres\u00e1\u0159i \u0161ablony, jinak nebude \u0161ablona rozpozn\u00e1na jako platn\u00e1 Main Stylesheet (style.css) \u2013 Theme Handbook. Kdy\u017e vytvo\u0159\u00edte odvozenou \u0161ablonu (child theme), jej\u00ed soubor style.css mus\u00ed b\u00fdt rovn\u011b\u017e um\u00edst\u011bn v ko\u0159enov\u00e9 slo\u017ece odvozen\u00e9 \u0161ablony a mus\u00ed obsahovat hlavi\u010dkov\u00e9 pole `Template`, kter\u00e9 uv\u00e1d\u00ed adres\u00e1\u0159 nad\u0159azen\u00e9 \u0161ablony; WordPress toto pole pou\u017e\u00edv\u00e1 k identifikaci rodi\u010de a k na\u010dten\u00ed spr\u00e1vn\u00e9 hierarchie \u0161ablon Main Stylesheet (style.css) \u2013 Theme Handbook. Um\u00edst\u011bn\u00ed souboru kamkoliv jinam \u2013 nap\u0159\u00edklad do podadres\u00e1\u0159e `css\/` \u2013 zp\u016fsob\u00ed, \u017ee \u0161ablona bude neviditeln\u00e1 na obrazovce Vzhled \u2192 \u0160ablony a naru\u0161\u00ed ve\u0161kerou n\u00e1slednou logiku na\u010d\u00edt\u00e1n\u00ed (enqueuing). Praktick\u00e9 shrnut\u00ed z\u00e1klad\u016f organizace soubor\u016f \u0161ablony najdete v pr\u016fvodci z\u00e1klady HTML a CSS pro vlastn\u00edky web\u016f ve WordPressu.<\/p>\n<h3 id=\"jak-spravne-nacitat-styly-pomoci-funkci\">Jak spr\u00e1vn\u011b na\u010d\u00edtat styly pomoc\u00ed funkc\u00ed?<\/h3>\n<p>Styly by m\u011bly b\u00fdt registrov\u00e1ny a na\u010d\u00edt\u00e1ny pomoc\u00ed `wp_enqueue_style()` na p\u0159\u00edslu\u0161n\u00e9m h\u00e1\u010dku (hooku) nam\u00edsto spol\u00e9h\u00e1n\u00ed se na automatick\u00e9 na\u010d\u00edt\u00e1n\u00ed. Vytvo\u0159en\u00ed odvozen\u00e9 \u0161ablony automaticky nezaru\u010duje na\u010dten\u00ed jej\u00edho CSS; dokumentace WordPressu doporu\u010duje na\u010d\u00edst rodi\u010dovsk\u00e9 i odvozen\u00e9 styly pomoc\u00ed `wp_enqueue_style()` na h\u00e1\u010dku `wp_enqueue_scripts` a koordinovat jejich po\u0159ad\u00ed tak, aby odvozen\u00e9 styly p\u0159epsaly rodi\u010dovsk\u00e9 tam, kde je to pot\u0159eba Child Themes \u2013 Theme Handbook. Typick\u00fd vzor nejprve zaregistruje identifik\u00e1tor rodi\u010de a pot\u00e9 na\u010dte identifik\u00e1tor potomka s uveden\u00edm rodi\u010de jako z\u00e1vislosti. To zaru\u010duje, \u017ee styly rodi\u010de se na\u010dtou p\u0159ed stylem potomka, co\u017e zachov\u00e1v\u00e1 kask\u00e1dov\u00e9 po\u0159ad\u00ed a z\u00e1rove\u0148 udr\u017euje strukturu adres\u00e1\u0159\u016f \u010distou. P\u0159esko\u010den\u00ed tohoto kroku a pouh\u00e9 vlo\u017een\u00ed style.css do slo\u017eky potomka zanech\u00e1 pravidla potomka nena\u010dten\u00e1, co\u017e v\u00e1s donut\u00ed duplikovat CSS v Customizeru nebo pomoc\u00ed inline styl\u016f \u2013 co\u017e oboj\u00ed pop\u00edr\u00e1 \u00fa\u010del udr\u017eovateln\u00e9 odvozen\u00e9 \u0161ablony.<\/p>\n<h3 id=\"proc-byste-se-meli-vyhnout-vkladani-veskereho-css-do-souboru-style-css\">Pro\u010d byste se m\u011bli vyhnout vkl\u00e1d\u00e1n\u00ed ve\u0161ker\u00e9ho CSS do souboru style.css?<\/h3>\n<p>Vkl\u00e1d\u00e1n\u00ed ve\u0161ker\u00e9ho CSS do style.css se nedoporu\u010duje, proto\u017ee se na\u010d\u00edt\u00e1 glob\u00e1ln\u011b na ka\u017ed\u00e9 str\u00e1nce front-endu a v editoru blok\u016f, a to i pro bloky, kter\u00e9 na dan\u00e9 str\u00e1nce nejsou p\u0159\u00edtomny. V\u00fdvoj\u00e1\u0159sk\u00fd blog WordPressu doporu\u010duje pou\u017e\u00edvat style.css pouze pro styly, kter\u00e9 se maj\u00ed na\u010d\u00edtat glob\u00e1ln\u011b na front-endu a v editoru, nam\u00edsto stylov\u00e1n\u00ed blok\u016f, kter\u00e9 nejsou p\u0159\u00edtomny na ka\u017ed\u00e9 str\u00e1nce <a href=\"https:\/\/developer.wordpress.org\/advanced-administration\/wordpress\/css\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Pro styly blokov\u00fdch \u0161ablon nepot\u0159ebujete theme.json<\/a>. Kdy\u017e do hlavn\u00edho souboru styl\u016f nah\u00e1z\u00edte pravidla specifick\u00e1 pro komponenty \u2013 jako je \u00favodn\u00ed banner, vlastn\u00ed karusel nebo rozvr\u017een\u00ed widget\u016f v pati\u010dce \u2013, zv\u011bt\u0161\u00edte velikost sta\u017een\u00fdch CSS dat pro ka\u017ed\u00fd po\u017eadavek a zbyte\u010dn\u011b zat\u00ed\u017e\u00edte n\u00e1hled styl\u016f v editoru. M\u00edsto toho si style.css ponechte pro skute\u010dn\u011b glob\u00e1ln\u00ed z\u00e1le\u017eitosti (typick\u00e9 p\u00edsmo, prom\u011bnn\u00e9 barev, m\u011b\u0159\u00edtko odsazen\u00ed) a CSS pro konkr\u00e9tn\u00ed bloky nebo \u010d\u00e1sti \u0161ablon p\u0159esu\u0148te do samostatn\u00fdch soubor\u016f, kter\u00e9 na\u010d\u00edt\u00e1te podm\u00edn\u011bn\u011b, nebo je u blokov\u00fdch \u0161ablon definujte v `theme.json`. Toto odd\u011blen\u00ed udr\u017euje soubor styl\u016f \u0161t\u00edhl\u00fd, zlep\u0161uje v\u00fdkon na\u010d\u00edt\u00e1n\u00ed str\u00e1nek a \u010din\u00ed budouc\u00ed \u00fadr\u017ebu mnohem jednodu\u0161\u0161\u00ed.<\/p>\n<h2 id=\"kdy-byste-meli-pouzit-theme-json-misto-rucniho-css-pro-blokova-temata\">Kdy byste m\u011bli pou\u017e\u00edt theme.json m\u00edsto ru\u010dn\u00edho CSS pro blokov\u00e1 t\u00e9mata?<\/h2>\n<p><img src=\"https:\/\/webmister.pro\/wp-content\/uploads\/2026\/11\/when-should-you-use-theme-json-instead-of-manual-css-for-blo.webp\" alt=\"Kdy byste m\u011bli pou\u017e\u00edt theme.json m\u00edsto ru\u010dn\u00edho CSS pro blokov\u00e1 t\u00e9mata?\" title=\"Kdy byste m\u011bli pou\u017e\u00edt theme.json m\u00edsto ru\u010dn\u00edho CSS pro blokov\u00e1 t\u00e9mata?\" loading=\"lazy\" decoding=\"async\"><\/p>\n<p>M\u011bli byste pou\u017e\u00edvat `theme.json` nam\u00edsto ru\u010dn\u00edho CSS pro standardn\u00ed glob\u00e1ln\u00ed styly, styly prvk\u016f a blok\u016f v blokov\u00fdch t\u00e9matech kdykoli je to mo\u017en\u00e9, proto\u017ee slou\u017e\u00ed jako centr\u00e1ln\u00ed konfigura\u010dn\u00ed soubor, kter\u00fd stanovuje definice designu a bezprobl\u00e9mov\u011b se integruje s j\u00e1drem, pluginy a u\u017eivatelsk\u00fdmi styly v r\u00e1mci cel\u00e9ho ekosyst\u00e9mu spr\u00e1vy obsahu.<\/p>\n<h3 id=\"jak-theme-json-zpracovava-globalni-nastaveni\">Jak theme.json zpracov\u00e1v\u00e1 glob\u00e1ln\u00ed nastaven\u00ed?<\/h3>\n<p>Glob\u00e1ln\u00ed nastaven\u00ed a styly v r\u00e1mci `theme.json` \u0159\u00edd\u00ed v\u00fdchoz\u00ed vlastnosti rozvr\u017een\u00ed, palety barev, mo\u017enosti typografie a \u0161k\u00e1ly mezer pro celou instalaci WordPress. Prost\u0159ednictv\u00edm t\u00e9to sjednocen\u00e9 konfigura\u010dn\u00ed struktury v\u00fdvoj\u00e1\u0159i definuj\u00ed z\u00e1kladn\u00ed pravidla, kter\u00e1 se automaticky p\u0159en\u00e1\u0161ej\u00ed do ka\u017ed\u00e9 \u0161ablony, \u010d\u00e1sti str\u00e1nky a jednotliv\u00e9ho bloku, ani\u017e by vy\u017eadovala opakuj\u00edc\u00ed se pravidla styl\u016f psan\u00e1 v samostatn\u00fdch stylech. Konfigura\u010dn\u00ed soubor mapuje tyto designov\u00e9 tokeny p\u0159\u00edmo na rozhran\u00ed editoru WordPress a vytv\u00e1\u0159\u00ed synchronizovan\u00e9 prost\u0159ed\u00ed, kde \u00fapravy v backendu p\u0159esn\u011b odr\u00e1\u017eej\u00ed prezentaci na frontend. P\u0159i stylov\u00e1n\u00ed blok\u016f v t\u00e9matu WordPress doporu\u010duje pou\u017e\u00edvat vlastnost styl\u016f `theme.json`, kdykoli je to mo\u017en\u00e9, proto\u017ee funguje bezprobl\u00e9mov\u011b s j\u00e1drem, pluginy a u\u017eivatelsk\u00fdmi styly, jak je uvedeno v ofici\u00e1ln\u00edch zdroj\u00edch pro v\u00fdvoj\u00e1\u0159e WordPress. Vizu\u00e1ln\u00ed rozhran\u00ed styl\u016f nav\u00edc m\u016f\u017ee tato nastaven\u00ed konfigurov\u00e1n\u00ed zp\u0159\u00edstupnit p\u0159\u00edmo spr\u00e1vc\u016fm webu a editor\u016fm obsahu, co\u017e jim umo\u017e\u0148uje vizu\u00e1ln\u011b upravovat vlastnosti designu bez nutnosti ru\u010dn\u00edho k\u00f3dov\u00e1n\u00ed CSS, podle dokumentace k p\u0159\u00edru\u010dce t\u00e9mat WordPress o stylech.<\/p>\n<h3 id=\"jak-nastaveni-podrizeneho-tematu-prepisuji-konfigurace-nadrazeneho-tematu\">Jak nastaven\u00ed pod\u0159\u00edzen\u00e9ho t\u00e9matu p\u0159episuj\u00ed konfigurace nad\u0159azen\u00e9ho t\u00e9matu?<\/h3>\n<p>Pod\u0159\u00edzen\u00e9 t\u00e9ma spravuje \u00fapravy a struktur\u00e1ln\u00ed d\u011bdi\u010dnost prost\u0159ednictv\u00edm vlastn\u00edho konfigura\u010dn\u00edho souboru, kde `theme.json` pod\u0159\u00edzen\u00e9ho t\u00e9matu m\u00e1 absolutn\u00ed prioritu p\u0159ed `theme.json` nad\u0159azen\u00e9ho t\u00e9matu. Kdy\u017e WordPress na\u010dte hierarchii blokov\u00e9ho t\u00e9matu, nejprve analyzuje nad\u0159azenou konfiguraci a pot\u00e9 slou\u010d\u00ed nebo p\u0159ep\u00ed\u0161e tyto hodnoty s pravidly deklarovan\u00fdmi v konfigura\u010dn\u00edm souboru pod\u0159\u00edzen\u00e9ho t\u00e9matu. Tato hierarchick\u00e1 d\u011bdi\u010dnost umo\u017e\u0148uje v\u00fdvoj\u00e1\u0159\u016fm selektivn\u011b upravovat specifick\u00e9 designov\u00e9 tokeny \u2013 jako je zm\u011bna palety prim\u00e1rn\u00edch barev, \u00faprava v\u00fdchoz\u00edch velikost\u00ed typografie nebo zm\u011bna rozm\u011br\u016f glob\u00e1ln\u00edho rozestupu \u2013 ani\u017e by se m\u011bnily nebo duplikovaly z\u00e1kladn\u00ed soubory nad\u0159azen\u00e9ho t\u00e9matu. Tento strukturovan\u00fd mechanismus p\u0159eps\u00e1n\u00ed zachov\u00e1v\u00e1 \u010dist\u00e9 odd\u011blen\u00ed mezi z\u00e1kladn\u00edmi \u0161ablonami a c\u00edlen\u00fdmi \u00fapravami, co\u017e zaji\u0161\u0165uje, \u017ee struktur\u00e1ln\u00ed aktualizace nad\u0159azen\u00e9ho z\u00e1kladu nep\u0159ep\u00ed\u0161\u00ed p\u0159esn\u00e9 specifikace designu pod\u0159\u00edzen\u00e9ho t\u00e9matu.<\/p>\n<h3 id=\"kde-jsou-ulozeny-uzivatelske-upravy\">Kde jsou ulo\u017eeny u\u017eivatelsk\u00e9 \u00fapravy?<\/h3>\n<p>U\u017eivatelsk\u00e9 \u00fapravy proveden\u00e9 p\u0159\u00edmo prost\u0159ednictv\u00edm vizu\u00e1ln\u00edho edita\u010dn\u00edho rozhran\u00ed v \u010d\u00e1sti Vzhled &gt; Editor jsou bezpe\u010dn\u011b ulo\u017eeny v datab\u00e1zi webu nam\u00edsto fyzick\u00fdch soubor\u016f t\u00e9mat. Kdy\u017e spr\u00e1vci webu upravuj\u00ed barvy, kombinace typografie nebo rozvr\u017een\u00ed specifick\u00e1 pro bloky pomoc\u00ed administra\u010dn\u00edho panelu, WordPress zapisuje tyto jednotliv\u00e9 p\u0159edvolby do datab\u00e1ze jako typ p\u0159\u00edsp\u011bvku glob\u00e1ln\u00edch styl\u016f. Tato \u00falo\u017en\u00e1 architektura zaji\u0161\u0165uje, \u017ee p\u0159\u00edm\u00e9 u\u017eivatelsk\u00e9 \u00fapravy z\u016fst\u00e1vaj\u00ed zcela nez\u00e1visl\u00e9 na souborov\u00e9m syst\u00e9mu, \u010d\u00edm\u017e chr\u00e1n\u00ed osobn\u00ed \u00fapravy rozvr\u017een\u00ed p\u0159ed ztr\u00e1tou nebo po\u0161kozen\u00edm p\u0159i aktualizaci nebo v\u00fdm\u011bn\u011b fyzick\u00fdch soubor\u016f t\u00e9mat. Odd\u011blen\u00edm struktur\u00e1ln\u00edch v\u00fdchoz\u00edch nastaven\u00ed zalo\u017een\u00fdch na souborech od u\u017eivatelsk\u00fdch \u00faprav \u0159\u00edzen\u00fdch datab\u00e1z\u00ed si platforma zachov\u00e1v\u00e1 \u010distou hranici mezi glob\u00e1ln\u00edmi nastaven\u00edmi definovan\u00fdmi v\u00fdvoj\u00e1\u0159em a \u00fapravami obsahu koncov\u00fdm u\u017eivatelem.<\/p>\n<h2 id=\"jak-se-orientovat-v-editoru-webu-a-knize-stylu-pro-upravy-vizualniho-rozvrzeni\">Jak se orientovat v Editoru webu a Knize styl\u016f pro \u00fapravy vizu\u00e1ln\u00edho rozvr\u017een\u00ed?<\/h2>\n<p>Orientace v mechanismech vizu\u00e1ln\u00edho rozvr\u017een\u00ed modern\u00edho WordPressu zahrnuje zvl\u00e1dnut\u00ed nativn\u00edho Editoru webu a jeho integrovan\u00fdch n\u00e1stroj\u016f pro spr\u00e1vu styl\u016f, kter\u00e9 bezpe\u010dn\u011b zp\u0159\u00edstup\u0148uj\u00ed struktur\u00e1ln\u00ed konfigurace bez nutnosti p\u0159\u00edm\u00e9 \u00fapravy soubor\u016f. Ne\u017e zvol\u00edte metodu \u00faprav, zjist\u011bte, zda je aktivn\u00ed \u0161ablona blokovou \u0161ablonou: blokov\u00e9 \u0161ablony zp\u0159\u00edstup\u0148uj\u00ed vizu\u00e1ln\u00ed \u00fapravy prost\u0159ednictv\u00edm Vzhled &gt; Editor, zat\u00edmco Vlastn\u00ed CSS v P\u0159izp\u016fsoben\u00ed je dal\u0161\u00ed zdokumentovanou mo\u017enost\u00ed pro vlastn\u00ed CSS (WordPress Theme Handbook, \u201eQuick-Start Guide\u201c; dokumentace WordPressu, \u201eCSS\u201c). Pochopen\u00ed toho, jak tato rozhran\u00ed interaguj\u00ed, zaji\u0161\u0165uje, \u017ee glob\u00e1ln\u00ed typografii, odsazen\u00ed a n\u00e1vrhy komponent lze upravovat s jistotou d\u0159\u00edve, ne\u017e zm\u011bny ovlivn\u00ed \u017eiv\u00fd front-end webu.<\/p>\n<h3 id=\"kde-najdete-rozhrani-editoru-webu\">Kde najdete rozhran\u00ed Editoru webu?<\/h3>\n<p>U blokov\u00fdch \u0161ablon je Editor webu k dispozici v sekci Vzhled &gt; Editor, kde mohou u\u017eivatel\u00e9 zkoumat a upravovat vizu\u00e1ln\u00ed mo\u017enosti \u0161ablony (WordPress Theme Handbook, \u201eQuick-Start Guide\u201c). P\u0159\u00edstup k t\u00e9to administrativn\u00ed cest\u011b otev\u0159e komplexn\u00ed panel spr\u00e1vy, kter\u00fd nahrazuje tradi\u010dn\u00ed nab\u00eddky p\u0159izp\u016fsoben\u00ed pracovn\u00edm prostorem \u0159\u00edzen\u00fdm \u0161ablonami. V r\u00e1mci tohoto centralizovan\u00e9ho centra mohou administr\u00e1to\u0159i proch\u00e1zet \u0161ablony, \u010d\u00e1sti \u0161ablon, rozvr\u017een\u00ed str\u00e1nek a glob\u00e1ln\u00ed ovl\u00e1dac\u00ed prvky styl\u016f. Rozhran\u00ed umo\u017e\u0148uje tv\u016frc\u016fm webu kontrolovat struktur\u00e1ln\u00ed zm\u011bny a bezpe\u010dn\u011b zkoumat styly p\u0159ed jejich glob\u00e1ln\u00edm ulo\u017een\u00edm, co\u017e zaji\u0161\u0165uje, \u017ee experiment\u00e1ln\u00ed rozvr\u017een\u00ed nenaru\u0161\u00ed produk\u010dn\u00ed prost\u0159ed\u00ed b\u011bhem f\u00e1ze n\u00e1vrhu.<\/p>\n<h3 id=\"jak-kniha-stylu-pomaha-pri-kontrole-globalnich-stylu-bloku\">Jak Kniha styl\u016f pom\u00e1h\u00e1 p\u0159i kontrole glob\u00e1ln\u00edch styl\u016f blok\u016f?<\/h3>\n<p>Kniha styl\u016f poskytuje panel vizu\u00e1ln\u00edho n\u00e1hledu, kter\u00fd zobrazuje ka\u017ed\u00fd z\u00e1kladn\u00ed blok dostupn\u00fd v syst\u00e9mu, a poskytuje administr\u00e1tor\u016fm jednotn\u00e9 prost\u0159ed\u00ed pro kontrolu typografie, palet barev a variant komponent vedle sebe. Hlavn\u00edm \u00fa\u010delem Knihy styl\u016f je pom\u00e1hat p\u0159i kontrole glob\u00e1ln\u00edch styl\u016f a styl\u016f blok\u016f; zm\u011bny proveden\u00e9 p\u0159i zkoum\u00e1n\u00ed styl\u016f jsou do\u010dasn\u00e9, dokud nejsou aplikov\u00e1ny glob\u00e1ln\u011b (WordPress Developer Blog, \u201eThe Style Blog\u201c, 2023). Tato funkcionalita eliminuje nutnost ru\u010dn\u011b vytv\u00e1\u0159et a publikovat v\u00edce testovac\u00edch str\u00e1nek jen proto, abyste ov\u011b\u0159ili, jak tla\u010d\u00edtko, nadpis nebo blok citace vypad\u00e1 pod novou konfigurac\u00ed designu. Kliknut\u00edm na vlo\u017een\u00e9 kategorie v panelu Knihy styl\u016f mohou u\u017eivatel\u00e9 okam\u017eit\u011b sledovat, jak se glob\u00e1ln\u00ed \u00fapravy \u0161\u00ed\u0159\u00ed nap\u0159\u00ed\u010d r\u016fzn\u00fdmi prvky rozhran\u00ed, ani\u017e by riskovali n\u00e1hodn\u00e9 \u00fapravy publikovan\u00e9ho obsahu.<\/p>\n<h3 id=\"jsou-zmeny-aplikovany-okamzite-nebo-jsou-ulozeny-docasne\">Jsou zm\u011bny aplikov\u00e1ny okam\u017eit\u011b, nebo jsou ulo\u017eeny do\u010dasn\u011b?<\/h3>\n<p>\u00dapravy proveden\u00e9 v interaktivn\u00edch panelech styl\u016f a edi\u010dn\u00edch pl\u00e1tnech jsou zpracov\u00e1v\u00e1ny prost\u0159ednictv\u00edm f\u00e1zovan\u00e9ho mechanismu, kter\u00fd up\u0159ednost\u0148uje bezpe\u010dnost a p\u0159esnost n\u00e1hledu. Zm\u011bny proveden\u00e9 p\u0159i zkoum\u00e1n\u00ed styl\u016f jsou do\u010dasn\u00e9, dokud nejsou aplikov\u00e1ny glob\u00e1ln\u011b (WordPress Developer Blog, \u201eThe Style Blog\u201c, 2023). P\u0159i \u00faprav\u011b m\u011b\u0159\u00edtek typografie, barevn\u00fdch sch\u00e9mat nebo rozvr\u017een\u00ed komponent edi\u010dn\u00ed pl\u00e1tno vykresluje \u00fapravy dynamicky, aby design\u00e9\u0159i mohli vyhodnotit vizu\u00e1ln\u00ed hierarchii v re\u00e1ln\u00e9m \u010dase. Tyto \u00fapravy v\u0161ak z\u016fst\u00e1vaj\u00ed ulo\u017eeny v sandboxov\u00e9m stavu, dokud u\u017eivatel v\u00fdslovn\u011b nepotvrd\u00ed akci spu\u0161t\u011bn\u00edm rutiny ulo\u017een\u00ed. WordPress 6.2 nav\u00edc p\u0159idal vlastn\u00ed CSS v oblasti Styl\u016f v Editoru webu, v\u010detn\u011b mo\u017enost\u00ed CSS pro cel\u00fd web i pro jednotliv\u00e9 bloky (dokumentace WordPressu, \u201eCSS\u201c), co\u017e praktik\u016fm umo\u017e\u0148uje vkl\u00e1dat p\u0159esn\u00e9 sady pravidel, kter\u00e9 dodr\u017euj\u00ed stejn\u00fd \u017eivotn\u00ed cyklus bezpe\u010dn\u00e9ho n\u00e1hledu a trvalosti. Udr\u017eov\u00e1n\u00edm tohoto odd\u011blen\u00ed mezi pr\u016fzkumn\u00fdm navrhov\u00e1n\u00edm a glob\u00e1ln\u00edm ulo\u017een\u00edm syst\u00e9m chr\u00e1n\u00ed aktivn\u00ed nasazen\u00ed p\u0159ed ne\u00famysln\u00fdmi chybami form\u00e1tov\u00e1n\u00ed a umo\u017e\u0148uje v\u00fdvoj\u00e1\u0159\u016fm udr\u017eovat p\u0159\u00edsnou kontrolu nad ka\u017edou \u00fapravou \u0161ablony provedenou v cel\u00e9m ekosyst\u00e9mu webov\u00e9 aplikace.<\/p>\n<h2 id=\"jaky-je-nejbezpecnejsi-pracovni-postup-pro-testovani-vlastnich-css-a-uprav-vzhledu\">Jak\u00fd je nejbezpe\u010dn\u011bj\u0161\u00ed pracovn\u00ed postup pro testov\u00e1n\u00ed vlastn\u00edch CSS a \u00faprav vzhledu?<\/h2>\n<p><img src=\"https:\/\/webmister.pro\/wp-content\/uploads\/2026\/11\/what-is-the-safest-workflow-for-testing-custom-css-and-theme.webp\" alt=\"Jak\u00fd je nejbezpe\u010dn\u011bj\u0161\u00ed pracovn\u00ed postup pro testov\u00e1n\u00ed vlastn\u00edch CSS a \u00faprav vzhledu?\" title=\"Jak\u00fd je nejbezpe\u010dn\u011bj\u0161\u00ed pracovn\u00ed postup pro testov\u00e1n\u00ed vlastn\u00edch CSS a \u00faprav vzhledu?\" loading=\"lazy\" decoding=\"async\"><\/p>\n<p>Nejbezpe\u010dn\u011bj\u0161\u00ed pracovn\u00ed postup pro testov\u00e1n\u00ed vlastn\u00edch CSS a \u00faprav vzhledu spol\u00e9h\u00e1 na prov\u00e1d\u011bn\u00ed jedn\u00e9 zm\u011bny najednou a jej\u00ed kontrolu v p\u0159\u00edslu\u0161n\u00e9m n\u00e1hledu nebo editoru p\u0159ed ulo\u017een\u00edm jak\u00fdchkoli trval\u00fdch aktualizac\u00ed do \u017eiv\u00e9ho produk\u010dn\u00edho prost\u0159ed\u00ed. Implementace izolovan\u00fdch \u00faprav zabra\u0148uje kask\u00e1dov\u00fdm selh\u00e1n\u00edm rozvr\u017een\u00ed, konflikt\u016fm styl\u016f a neo\u010dek\u00e1van\u00fdm vizu\u00e1ln\u00edm regres\u00edm nap\u0159\u00ed\u010d r\u016fzn\u00fdmi v\u00fd\u0159ezy a konfiguracemi prohl\u00ed\u017ee\u010de. P\u0159ijet\u00ed tohoto metodick\u00e9ho p\u0159\u00edstupu zaji\u0161\u0165uje, \u017ee ka\u017ed\u00fd jeden \u0159\u00e1dek k\u00f3du \u0161ablony styl\u016f nebo struktur\u00e1ln\u00ed \u00faprava je ov\u011b\u0159ena d\u0159\u00edve, ne\u017e ovlivn\u00ed n\u00e1v\u0161t\u011bvn\u00edky webu.<\/p>\n<h3 id=\"jak-prizpusobeni-zachazi-s-dalsim-css-pri-prepinani-vzhledu\">Jak p\u0159izp\u016fsoben\u00ed zach\u00e1z\u00ed s Dal\u0161\u00edm CSS p\u0159i p\u0159ep\u00edn\u00e1n\u00ed vzhled\u016f?<\/h3>\n<p>Dal\u0161\u00ed CSS p\u0159idan\u00e9 p\u0159es P\u0159izp\u016fsoben\u00ed je spojeno s aktu\u00e1ln\u00edm vzhledem; po p\u0159epnut\u00ed vzhled\u016f je neaktivn\u00ed, ale po p\u0159epnut\u00ed webu zp\u011bt se op\u011bt stane aktivn\u00edm, podle dokumentace poskytnut\u00e9 WordPress CSS. Kdy\u017e administr\u00e1to\u0159i p\u0159ech\u00e1zej\u00ed z jednoho aktivn\u00edho rozvr\u017een\u00ed vzhledu na jin\u00e9, v\u0161echna vlastn\u00ed pravidla vlo\u017een\u00e1 striktn\u011b p\u0159es rozhran\u00ed P\u0159izp\u016fsoben\u00ed z\u016fst\u00e1vaj\u00ed bezpe\u010dn\u011b ulo\u017eena uvnit\u0159 datab\u00e1ze v\u00e1zan\u00e9 specificky na identifik\u00e1tor slug p\u016fvodn\u00edho vzhledu. Tento architektonick\u00fd design zabra\u0148uje tomu, aby osi\u0159el\u00e9 styly pronikaly do nov\u011b aktivovan\u00fdch rozvr\u017een\u00ed, kde tyto specifick\u00e9 t\u0159\u00eddy, ID nebo struktury HTML nemus\u00ed existovat. Pokud administr\u00e1tor vr\u00e1t\u00ed p\u0159epnut\u00ed vzhledu zp\u011bt a vr\u00e1t\u00ed se k p\u016fvodn\u00edmu rozvr\u017een\u00ed, ulo\u017een\u00e1 pravidla \u0161ablony styl\u016f se okam\u017eit\u011b znovu zapoj\u00ed, ani\u017e by vy\u017eadovala ru\u010dn\u00ed op\u011btovn\u00e9 zad\u00e1n\u00ed \u00fatr\u017ek\u016f k\u00f3du. Tento mechanismus vymezen\u00e9ho \u00falo\u017ei\u0161t\u011b chr\u00e1n\u00ed integritu designu b\u011bhem estetick\u00fdch zm\u011bn a z\u00e1rove\u0148 zachov\u00e1v\u00e1 star\u0161\u00ed vlastn\u00ed pravidla pro potenci\u00e1ln\u00ed budouc\u00ed pou\u017eit\u00ed.<\/p>\n<h3 id=\"jaky-pracovni-postup-minimalizuje-provozni-riziko\">Jak\u00fd pracovn\u00ed postup minimalizuje provozn\u00ed riziko?<\/h3>\n<p>Praktick\u00fd zp\u016fsob, jak omezit riziko, je prov\u00e1d\u011bt jednu zm\u011bnu najednou a zkontrolovat ji v p\u0159\u00edslu\u0161n\u00e9m n\u00e1hledu nebo editoru p\u0159ed ulo\u017een\u00edm; pracovn\u00ed postup Dal\u0161\u00ed CSS ve WordPressu zobrazuje n\u00e1hled zm\u011bn p\u0159ed jejich pou\u017eit\u00edm CSS. Vyu\u017eit\u00edm podokna \u017eiv\u00e9ho n\u00e1hledu mohou v\u00fdvoj\u00e1\u0159i a spr\u00e1vci web\u016f vizu\u00e1ln\u011b potvrdit, \u017ee nov\u011b zaveden\u00fd selektor nebo vlastnost se chov\u00e1 p\u0159esn\u011b tak, jak bylo zam\u00fd\u0161leno, ani\u017e by p\u0159ed\u010dasn\u011b pozm\u011bnili z\u00e1kladn\u00ed produk\u010dn\u00ed k\u00f3d. Tento proces ov\u011b\u0159ov\u00e1n\u00ed krok za krokem radik\u00e1ln\u011b sni\u017euje dobu odstra\u0148ov\u00e1n\u00ed probl\u00e9m\u016f, kdy\u017e dojde k neo\u010dek\u00e1van\u00e9mu poru\u0161en\u00ed rozvr\u017een\u00ed nebo konfliktu specifity CSS. Pokud \u00faprava p\u0159inese ne\u017e\u00e1douc\u00ed vizu\u00e1ln\u00ed v\u00fdsledek, spr\u00e1vce m\u016f\u017ee jednodu\u0161e zahodit neulo\u017een\u00fd vstup nebo odstranit jedin\u00e9 z\u00e1vadn\u00e9 pravidlo nam\u00edsto lad\u011bn\u00ed masivn\u00edho bloku netestovan\u00e9ho k\u00f3du. Kombinace t\u00e9to iterativn\u00ed vizu\u00e1ln\u00ed kontroly s robustn\u00edmi protokoly \u00fadr\u017eby, jako jsou ty popsan\u00e9 v <a href=\"https:\/\/webmister.pro\/cz\/zabezpeceni-wordpressu-nezbytne-postupy-pro-rok-2026\/\">Z\u00e1kladn\u00ed postupy zabezpe\u010den\u00ed WordPress pro rok 2026<\/a>, chr\u00e1n\u00ed jak estetickou prezentaci, tak struktur\u00e1ln\u00ed integritu aplikace.<\/p>\n<h3 id=\"kdy-byste-meli-prejit-od-vizualnich-uprav-k-primym-zmenam-souboru-kodu\">Kdy byste m\u011bli p\u0159ej\u00edt od vizu\u00e1ln\u00edch \u00faprav k p\u0159\u00edm\u00fdm zm\u011bn\u00e1m soubor\u016f k\u00f3du?<\/h3>\n<p>Pr\u00e1ce spojen\u00e1 s p\u0159izp\u016fsoben\u00edm z\u00e1vis\u00ed na tom, co se m\u011bn\u00ed: vizu\u00e1ln\u00ed \u00fapravy mohou pou\u017e\u00edvat Editor webu nebo CSS, zat\u00edmco p\u0159eps\u00e1n\u00ed \u0161ablon nebo vlastn\u00ed funkce vy\u017eaduj\u00ed zm\u011bny v souborech vzhledu nebo k\u00f3du, jak je podrobn\u011b pops\u00e1no v p\u0159\u00edru\u010dce WordPress Theme Handbook Child Themes \u2013 Theme Handbook. Spr\u00e1vci web\u016f by se m\u011bli spolehnout na vizu\u00e1ln\u00ed rozhran\u00ed nebo pole Dal\u0161\u00ed CSS pro povrchov\u00e9 \u00fapravy stylu, jako je \u00faprava barev p\u00edsem, \u00faprava hodnot odsazen\u00ed nebo zm\u011bna polom\u011br\u016f okraj\u016f. Jakmile v\u0161ak \u00fakol vy\u017eaduje hlub\u0161\u00ed struktur\u00e1ln\u00ed zm\u011bny \u2013 jako je restrukturalizace soubor\u016f j\u00e1dra \u0161ablony, zaveden\u00ed vlastn\u00ed logiky PHP nebo \u00faprava toho, jak smy\u010dky dynamick\u00fdch dat vykresluj\u00ed na frontendu \u2013 \u00fapravy se mus\u00ed p\u0159esunout za jednoduch\u00e9 vizu\u00e1ln\u00ed editory do p\u0159\u00edm\u00e9 spr\u00e1vy soubor\u016f. Pochopen\u00ed t\u00e9to provozn\u00ed hranice zaji\u0161\u0165uje, \u017ee \u00fapravy webu jsou implementov\u00e1ny ve spr\u00e1vn\u00e9 vrstv\u011b architektury, p\u0159i\u010dem\u017e je zachov\u00e1no \u010dist\u00e9 odd\u011blen\u00ed mezi prezentac\u00ed na povrchov\u00e9 \u00farovni a z\u00e1kladn\u00ed programovou funkcionalitou.<\/p>\n<div class=\"wm-faq\">\n<h2 id=\"faq\">FAQ<\/h2>\n<div class=\"wm-faq-item\">\n<h3 class=\"wm-faq-question\" id=\"proc-se-me-vlastni-css-nezobrazuje-na-mem-webu-wordpress\">Pro\u010d se m\u00e9 vlastn\u00ed CSS nezobrazuje na m\u00e9m webu WordPress?<\/h3>\n<div class=\"wm-faq-answer\">\n<p>Dal\u0161\u00ed CSS se ukl\u00e1d\u00e1 v datab\u00e1zi jako p\u0159\u00edsp\u011bvek custom_css nam\u00edsto toho, aby bylo ulo\u017eeno jako fyzick\u00fd soubor ve slo\u017ece \u0161ablony. To znamen\u00e1, \u017ee ukl\u00e1d\u00e1n\u00ed do mezipam\u011bti prohl\u00ed\u017ee\u010de nebo serveru m\u016f\u017ee br\u00e1nit tomu, aby va\u0161e \u017eiv\u00e9 str\u00e1nky okam\u017eit\u011b odr\u00e1\u017eely ned\u00e1vn\u00e9 aktualizace. Vymaz\u00e1n\u00ed mezipam\u011bti va\u0161eho webu a serveru tento nesoulad vy\u0159e\u0161\u00ed.<\/p>\n<\/div>\n<\/div>\n<div class=\"wm-faq-item\">\n<h3 class=\"wm-faq-question\" id=\"kde-je-ulozeno-dalsi-css-ve-wordpressu\">Kde je ulo\u017eeno Dal\u0161\u00ed CSS ve WordPressu?<\/h3>\n<div class=\"wm-faq-answer\">\n<p>Dal\u0161\u00ed CSS zadan\u00e9 prost\u0159ednictv\u00edm rozhran\u00ed se ukl\u00e1d\u00e1 p\u0159\u00edmo do datab\u00e1ze jako p\u0159\u00edsp\u011bvek custom_css. Z\u016fst\u00e1v\u00e1 spojen\u00e9 s aktu\u00e1ln\u011b aktivn\u00ed \u0161ablonou a stane se neaktivn\u00edm, pokud p\u0159epnete na jinou \u0161ablonu. P\u0159epnut\u00ed zp\u011bt tato ulo\u017een\u00e1 p\u0159izp\u016fsoben\u00ed automaticky obnov\u00ed.<\/p>\n<\/div>\n<\/div>\n<div class=\"wm-faq-item\">\n<h3 class=\"wm-faq-question\" id=\"proc-se-me-zmeny-v-customizer-nezobrazuji-v-souboru-style-css-me-podrizene-sablony-child-theme\">Pro\u010d se m\u00e9 zm\u011bny v Customizer nezobrazuj\u00ed v souboru style.css m\u00e9 pod\u0159\u00edzen\u00e9 \u0161ablony (child theme)?<\/h3>\n<div class=\"wm-faq-answer\">\n<p>Zm\u011bny v Customizer se ukl\u00e1daj\u00ed p\u0159\u00edmo do datab\u00e1ze a vypisuj\u00ed se inline na front-endu va\u0161eho webu. Jsou z\u00e1m\u011brn\u011b navr\u017eeny tak, aby nemodifikovaly ani nezapisovaly zp\u011bt do souboru style.css fyzick\u00e9 pod\u0159\u00edzen\u00e9 \u0161ablony. V d\u016fsledku toho z\u016fst\u00e1v\u00e1 v\u00e1\u0161 soubor beze zm\u011bny, zat\u00edmco inline styly aplikuj\u00ed vizu\u00e1ln\u00ed aktualizace.<\/p>\n<\/div>\n<\/div>\n<div class=\"wm-faq-item\">\n<h3 class=\"wm-faq-question\" id=\"jak-mohu-nacist-vlastni-soubor-stylu-pouze-pro-jednu-sablonu-stranky-v-podrizene-sablone-child-theme\">Jak mohu na\u010d\u00edst vlastn\u00ed soubor styl\u016f pouze pro jednu \u0161ablonu str\u00e1nky v pod\u0159\u00edzen\u00e9 \u0161ablon\u011b (child theme)?<\/h3>\n<div class=\"wm-faq-answer\">\n<p>Vlastn\u00ed soubor styl\u016f m\u016f\u017eete na\u010d\u00edst podm\u00edn\u011bn\u011b pomoc\u00ed funkce is_page_template spolu s wp_enqueue_style v r\u00e1mci va\u0161\u00ed pod\u0159\u00edzen\u00e9 \u0161ablony. To zaji\u0161\u0165uje, \u017ee ur\u010den\u00fd soubor styl\u016f je zahrnut v\u00fdhradn\u011b na konkr\u00e9tn\u00ed \u0161ablon\u011b str\u00e1nky, kde je vy\u017eadov\u00e1n. Spr\u00e1vn\u00e1 koordinace tohoto procesu zabra\u0148uje tomu, aby se zbyte\u010dn\u00e9 CSS na\u010d\u00edtalo glob\u00e1ln\u011b na cel\u00e9m va\u0161em webu.<\/p>\n<\/div>\n<\/div>\n<div class=\"wm-faq-item\">\n<h3 class=\"wm-faq-question\" id=\"proc-se-ma-podrizena-sablona-child-theme-nacita-v-nahledu-customize-ale-ne-na-zivem-webu\">Pro\u010d se m\u00e1 pod\u0159\u00edzen\u00e1 \u0161ablona (child theme) na\u010d\u00edt\u00e1 v n\u00e1hledu Customize, ale ne na \u017eiv\u00e9m webu?<\/h3>\n<div class=\"wm-faq-answer\">\n<p>Probl\u00e9my s mezipam\u011bt\u00ed jsou obvykle d\u016fvodem, pro\u010d se pod\u0159\u00edzen\u00e1 \u0161ablona na\u010d\u00edt\u00e1 spr\u00e1vn\u011b v n\u00e1hledu Customizeru, ale nezobrazuje se na \u017eiv\u00e9m webu. Vymaz\u00e1n\u00ed mezipam\u011bti va\u0161eho webu a serveru donut\u00ed \u017eiv\u00e9 str\u00e1nky na\u010d\u00edst nov\u011b aktualizovan\u00fd soubor styl\u016f. Po vymaz\u00e1n\u00ed se \u017eiv\u00fd web spr\u00e1vn\u011b shoduje s n\u00e1hledem.<\/p>\n<\/div>\n<\/div>\n<div class=\"wm-faq-item\">\n<h3 class=\"wm-faq-question\" id=\"jak-zajistim-aby-se-zmeny-css-zobrazovaly-zive-v-nahledu-theme-customizer\">Jak zajist\u00edm, aby se zm\u011bny CSS zobrazovaly \u017eiv\u011b v n\u00e1hledu Theme Customizer?<\/h3>\n<div class=\"wm-faq-answer\">\n<p>JavaScript se pou\u017e\u00edv\u00e1 k dynamick\u00e9 aktualizaci CSS v re\u00e1ln\u00e9m \u010dase v reakci na mo\u017enosti kliknut\u00e9 v p\u0159izp\u016fsoben\u00ed \u0161ablony. Tento mechanismus v\u00e1m umo\u017e\u0148uje okam\u017eit\u011b vid\u011bt vizu\u00e1ln\u00ed modifikace uvnit\u0159 podokna \u017eiv\u00e9ho n\u00e1hledu p\u0159ed jejich ulo\u017een\u00edm. Customizer tyto \u00fapravy bezpe\u010dn\u011b zobrazuje v n\u00e1hledu, ani\u017e by m\u011bnil soubory va\u0161\u00ed z\u00e1kladn\u00ed \u0161ablony.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2 id=\"zdroje\">Zdroje<\/h2>\n<ul>\n<li><a href=\"https:\/\/developer.wordpress.org\/advanced-administration\/themes\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Themes \u2013 Advanced Administration Handbook<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Chcete p\u0159izp\u016fsobit vzhled sv\u00e9ho webu, ale boj\u00edte se, \u017ee v\u00e1m aktualizace sma\u017eou ve\u0161kerou pr\u00e1ci? Uk\u00e1\u017eeme v\u00e1m prov\u011b\u0159en\u00e9 postupy pro bezpe\u010dn\u00e9 \u00fapravy \u0161ablon bez rizika rozbit\u00ed k\u00f3du.<\/p>\n<p>Nau\u010dte se efektivn\u011b vyu\u017e\u00edvat pod\u0159\u00edzen\u00e9 \u0161ablony, glob\u00e1ln\u00ed styly a dal\u0161\u00ed nativn\u00ed n\u00e1stroje WordPressu, d\u00edky kter\u00fdm z\u016fstanou va\u0161e \u00fapravy v bezpe\u010d\u00ed p\u0159i ka\u017ed\u00e9 aktualizaci.<\/p>\n","protected":false},"author":5,"featured_media":12760,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[602],"tags":[258,2241,2242,131,2243],"class_list":["post-12765","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-cz","tag-bezpecnost-webu","tag-child-theme","tag-vzhled-webu","tag-wordpress-cz","tag-wp-sablony"],"acf":[],"_links":{"self":[{"href":"https:\/\/webmister.pro\/cz\/wp-json\/wp\/v2\/posts\/12765","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webmister.pro\/cz\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webmister.pro\/cz\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webmister.pro\/cz\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/webmister.pro\/cz\/wp-json\/wp\/v2\/comments?post=12765"}],"version-history":[{"count":1,"href":"https:\/\/webmister.pro\/cz\/wp-json\/wp\/v2\/posts\/12765\/revisions"}],"predecessor-version":[{"id":12771,"href":"https:\/\/webmister.pro\/cz\/wp-json\/wp\/v2\/posts\/12765\/revisions\/12771"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webmister.pro\/cz\/wp-json\/wp\/v2\/media\/12760"}],"wp:attachment":[{"href":"https:\/\/webmister.pro\/cz\/wp-json\/wp\/v2\/media?parent=12765"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webmister.pro\/cz\/wp-json\/wp\/v2\/categories?post=12765"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webmister.pro\/cz\/wp-json\/wp\/v2\/tags?post=12765"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}