{"id":12802,"date":"2026-11-13T20:24:07","date_gmt":"2026-11-13T17:24:07","guid":{"rendered":"https:\/\/webmister.pro\/?p=12802"},"modified":"2026-11-13T20:24:07","modified_gmt":"2026-11-13T17:24:07","slug":"wordpress-sablony-portfolio","status":"publish","type":"post","link":"https:\/\/webmister.pro\/cz\/wordpress-sablony-portfolio\/","title":{"rendered":"Jak vybrat a nastylovat WordPress \u0161ablony pro profesion\u00e1ln\u00ed portfolio"},"content":{"rendered":"<p>Vyberte blokovou \u0161ablonu s specifick\u00fdmi pro portfolio \u0161ablonami a stylov\u00fdmi variantami, pak p\u0159izp\u016fsobte glob\u00e1ln\u011b p\u0159es rozhran\u00ed Styl\u016f editoru webu a vzory \u0161ablon. Blokov\u00e9 \u0161ablony v\u00e1m umo\u017e\u0148uj\u00ed upravovat celowebov\u00e9 oblasti \u2013 navigaci, z\u00e1hlav\u00ed, obsah a pati\u010dky \u2013 pomoc\u00ed blok\u016f v Editoru webu, kter\u00fd poskytuje n\u00e1hledy \u0161ablon a glob\u00e1ln\u00ed ovl\u00e1d\u00e1n\u00ed styl\u016f. Rozhran\u00ed Styl\u016f nastavuje barvy, typografii, rozlo\u017een\u00ed a odsazen\u00ed nap\u0159\u00ed\u010d webem, zat\u00edmco stylov\u00e9 varianty vym\u011b\u0148uj\u00ed vizu\u00e1ln\u00ed nastaven\u00ed bez zm\u011bny \u0161ablon; Twenty Twenty-Three nab\u00edz\u00ed deset variant a Twenty Twenty-Five dev\u011bt, ka\u017ed\u00e1 s odli\u0161n\u00fdmi barevn\u00fdmi paletami a fontov\u00fdmi rodinami. Twenty Twenty-Four zahrnuje mo\u017enost vzoru Portfolio pro \u0161ablony Domovsk\u00e1 str\u00e1nka blogu, Index, Archiv a Vyhled\u00e1v\u00e1n\u00ed, a WordPress 6.5 p\u0159idal revize \u0161ablon pro kontrolu nebo obnoven\u00ed zm\u011bn rozlo\u017een\u00ed.<\/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=\"#na-co-bych-se-mel-divat-v-wordpress-tematu-pro-profesionalni-portfolio\">Na co bych se m\u011bl d\u00edvat v WordPress t\u00e9matu pro profesion\u00e1ln\u00ed portfolio?<\/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=\"#ktere-typy-sablon-jsou-pro-portfolio-weby-nezbytne\">Kter\u00e9 typy \u0161ablon jsou pro portfolio weby nezbytn\u00e9?<\/a><\/li>\n<li class=\"wppub-toc__item wppub-toc__item--sub\"><a class=\"wppub-toc__link\" href=\"#jak-se-blokova-temata-lisi-od-klasickych-temat-pro-spravu-portfolio\">Jak se blokov\u00e1 t\u00e9mata li\u0161\u00ed od klasick\u00fdch t\u00e9mat pro spr\u00e1vu portfolio?<\/a><\/li>\n<li class=\"wppub-toc__item wppub-toc__item--sub\"><a class=\"wppub-toc__link\" href=\"#jake-funkce-pristupnosti-by-tema-portfolio-melo-poskytovat\">Jak\u00e9 funkce p\u0159\u00edstupnosti by t\u00e9ma portfolio m\u011blo poskytovat?<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"wppub-toc__item\"><a class=\"wppub-toc__link\" href=\"#jak-blokove-sablony-a-editor-webu-zjednodusuji-spravu-rozvrzeni-portfolia\">Jak blokov\u00e9 \u0161ablony a Editor webu zjednodu\u0161uj\u00ed spr\u00e1vu rozvr\u017een\u00ed portfolia?<\/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-editor-webu-poskytuje-pristup-k-nahledum-sablon-a-ovladacim-prvkum-stylu\">Jak Editor webu poskytuje p\u0159\u00edstup k n\u00e1hled\u016fm \u0161ablon a ovl\u00e1dac\u00edm prvk\u016fm styl\u016f?<\/a><\/li>\n<li class=\"wppub-toc__item wppub-toc__item--sub\"><a class=\"wppub-toc__link\" href=\"#co-jsou-casti-sablony-a-jak-je-lze-znovu-pouzit-napric-strankami-projektu\">Co jsou \u010d\u00e1sti \u0161ablony a jak je lze znovu pou\u017e\u00edt nap\u0159\u00ed\u010d str\u00e1nkami projekt\u016f?<\/a><\/li>\n<li class=\"wppub-toc__item wppub-toc__item--sub\"><a class=\"wppub-toc__link\" href=\"#jak-revize-sablon-ve-wordpressu-6-5-pomahaji-obnovit-zmeny-rozvrzeni\">Jak revize \u0161ablon ve WordPressu 6.5 pom\u00e1haj\u00ed obnovit zm\u011bny rozvr\u017een\u00ed?<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"wppub-toc__item\"><a class=\"wppub-toc__link\" href=\"#jak-mohu-pouzit-stylove-varianty-a-globalni-styly-k-vytvoreni-sjednoceneho-designu-portfolia\">Jak mohu pou\u017e\u00edt stylov\u00e9 varianty a glob\u00e1ln\u00ed styly k vytvo\u0159en\u00ed sjednocen\u00e9ho designu portfolia?<\/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=\"#co-jsou-stylove-varianty-a-jak-se-lisi-od-child-motivu\">Co jsou stylov\u00e9 varianty a jak se li\u0161\u00ed od child motiv\u016f?<\/a><\/li>\n<li class=\"wppub-toc__item wppub-toc__item--sub\"><a class=\"wppub-toc__link\" href=\"#jak-globalni-styly-pro-barvy-fonty-a-rozvrzeni-udrzuji-vizualni-konzistenci\">Jak glob\u00e1ln\u00ed styly pro barvy, fonty a rozvr\u017een\u00ed udr\u017euj\u00ed vizu\u00e1ln\u00ed konzistenci?<\/a><\/li>\n<li class=\"wppub-toc__item wppub-toc__item--sub\"><a class=\"wppub-toc__link\" href=\"#jak-twenty-twenty-five-a-twenty-twenty-four-ukazuji-stylove-varianty-pripravene-pro-portfolium\">Jak Twenty Twenty\u2011Five a Twenty Twenty\u2011Four ukazuj\u00ed stylov\u00e9 varianty p\u0159ipraven\u00e9 pro portfolium?<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"wppub-toc__item\"><a class=\"wppub-toc__link\" href=\"#ktere-vzory-sablon-a-vlastni-sablony-jsou-nezbytne-pro-stranky-projektu-portfolia\">Kter\u00e9 vzory \u0161ablon a vlastn\u00ed \u0161ablony jsou nezbytn\u00e9 pro str\u00e1nky projekt\u016f portfolia?<\/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-se-vzory-sablon-lisi-od-uplnych-sablon\">Jak se vzory \u0161ablon li\u0161\u00ed od \u00fapln\u00fdch \u0161ablon?<\/a><\/li>\n<li class=\"wppub-toc__item wppub-toc__item--sub\"><a class=\"wppub-toc__link\" href=\"#jak-muzete-vytvaret-a-spravovat-vlastni-sablony-v-editoru-webu\">Jak m\u016f\u017eete vytv\u00e1\u0159et a spravovat vlastn\u00ed \u0161ablony v Editoru webu?<\/a><\/li>\n<li class=\"wppub-toc__item wppub-toc__item--sub\"><a class=\"wppub-toc__link\" href=\"#jakou-roli-hraji-opakovane-pouzitelne-casti-sablony-v-konzistentni-strukture-stranek-projektu\">Jakou roli hraj\u00ed opakovan\u011b pou\u017eiteln\u00e9 \u010d\u00e1sti \u0161ablony v konzistentn\u00ed struktu\u0159e str\u00e1nek projekt\u016f?<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"wppub-toc__item\"><a class=\"wppub-toc__link\" href=\"#jake-technicke-aspekty-zajistuji-vykonnost-a-pristupnost-vizualniho-portfolia\">Jak\u00e9 technick\u00e9 aspekty zaji\u0161\u0165uj\u00ed v\u00fdkonnost a p\u0159\u00edstupnost vizu\u00e1ln\u00edho portfolia?<\/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-podpora-avif-ovlivnuje-pracovni-postupy-s-obrazky-v-portfoliu\">Jak podpora AVIF ovliv\u0148uje pracovn\u00ed postupy s obr\u00e1zky v portfoliu?<\/a><\/li>\n<li class=\"wppub-toc__item wppub-toc__item--sub\"><a class=\"wppub-toc__link\" href=\"#ktere-funkce-pristupnosti-by-se-mely-overit-v-sablone-portfolia\">Kter\u00e9 funkce p\u0159\u00edstupnosti by se m\u011bly ov\u011b\u0159it v \u0161ablon\u011b portfolia?<\/a><\/li>\n<li class=\"wppub-toc__item wppub-toc__item--sub\"><a class=\"wppub-toc__link\" href=\"#jak-muzete-exportovat-nastylovanou-sablonu-portfolia-pro-nasazeni-nebo-zalohu\">Jak m\u016f\u017eete exportovat nastylovanou \u0161ablonu portfolia pro nasazen\u00ed nebo z\u00e1lohu?<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"wppub-toc__item\"><a class=\"wppub-toc__link\" href=\"#faq-casto-kladene-otazky\">FAQ (\u010casto kladen\u00e9 ot\u00e1zky)<\/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-mohu-zobrazit-projekty-portfolia-po-prepnuti-temat\">&#8222;Jak mohu zobrazit projekty portfolia po p\u0159epnut\u00ed t\u00e9mat?&#8220;<\/a><\/li>\n<li class=\"wppub-toc__item wppub-toc__item--sub\"><a class=\"wppub-toc__link\" href=\"#je-mozne-zobrazit-text-a-obrazky-na-strance-portfolia\">&#8222;Je mo\u017en\u00e9 zobrazit text a obr\u00e1zky na str\u00e1nce portfolia?&#8220;<\/a><\/li>\n<li class=\"wppub-toc__item wppub-toc__item--sub\"><a class=\"wppub-toc__link\" href=\"#mohu-zmenit-pozadi-stranky-portfolia-z-cerneho-na-bile\">&#8222;Mohu zm\u011bnit pozad\u00ed str\u00e1nky portfolia z \u010dern\u00e9ho na b\u00edl\u00e9?&#8220;<\/a><\/li>\n<li class=\"wppub-toc__item wppub-toc__item--sub\"><a class=\"wppub-toc__link\" href=\"#je-mozne-usporadat-projekty-do-konkretniho-poradi\">&#8222;Je mo\u017en\u00e9 uspo\u0159\u00e1dat projekty do konkr\u00e9tn\u00edho po\u0159ad\u00ed?&#8220;<\/a><\/li>\n<li class=\"wppub-toc__item wppub-toc__item--sub\"><a class=\"wppub-toc__link\" href=\"#jak-mohu-zobrazit-tri-loga-na-jednom-radku-a-deset-projektu-na-jedne-strance\">&#8222;Jak mohu zobrazit t\u0159i loga na jednom \u0159\u00e1dku a deset projekt\u016f na jedn\u00e9 str\u00e1nce?&#8220;<\/a><\/li>\n<li class=\"wppub-toc__item wppub-toc__item--sub\"><a class=\"wppub-toc__link\" href=\"#existuje-zpusob-jak-upravit-sirku-postranniho-panelu\">&#8222;Existuje zp\u016fsob, jak upravit \u0161\u00ed\u0159ku postrann\u00edho panelu?&#8220;<\/a><\/li>\n<li class=\"wppub-toc__item wppub-toc__item--sub\"><a class=\"wppub-toc__link\" href=\"#jaky-je-rozdil-mezi-projekty-portfolia-a-prispevky-blogu\">&#8222;Jak\u00fd je rozd\u00edl mezi projekty portfolia a p\u0159\u00edsp\u011bvky blogu?&#8220;<\/a><\/li>\n<li class=\"wppub-toc__item wppub-toc__item--sub\"><a class=\"wppub-toc__link\" href=\"#existuje-zpusob-jak-pouzit-obrazek-400x400-v-mrizce-portfolia-misto-obrazku-800x800\">&#8222;Existuje zp\u016fsob, jak pou\u017e\u00edt obr\u00e1zek 400\u00d7400 v m\u0159\u00ed\u017ece portfolia m\u00edsto obr\u00e1zku 800\u00d7800?&#8220;<\/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=\"na-co-bych-se-mel-divat-v-wordpress-tematu-pro-profesionalni-portfolio\">Na co bych se m\u011bl d\u00edvat v WordPress t\u00e9matu pro profesion\u00e1ln\u00ed portfolio?<\/h2>\n<p><img src=\"https:\/\/webmister.pro\/wp-content\/uploads\/2026\/11\/what-should-i-look-for-in-a-wordpress-theme-for-a-profession.webp\" alt=\"Na co bych se m\u011bl d\u00edvat v WordPress t\u00e9matu pro profesion\u00e1ln\u00ed portfolio?\" title=\"Na co bych se m\u011bl d\u00edvat v WordPress t\u00e9matu pro profesion\u00e1ln\u00ed portfolio?\" loading=\"lazy\" decoding=\"async\"><\/p>\n<p>Profesion\u00e1ln\u00ed t\u00e9ma portfolio mus\u00ed poskytovat z\u00e1kladn\u00ed soubory \u0161ablon \u2013 detail projektu, archiv, vyhled\u00e1v\u00e1n\u00ed a 404 \u2013 podporovat \u00fapln\u00e9 blokov\u00e9 \u00fapravy pro glob\u00e1ln\u00ed ovl\u00e1d\u00e1n\u00ed rozvr\u017een\u00ed a spl\u0148ovat uzn\u00e1van\u00e9 standardy p\u0159\u00edstupnosti.<\/p>\n<h3 id=\"ktere-typy-sablon-jsou-pro-portfolio-weby-nezbytne\">Kter\u00e9 typy \u0161ablon jsou pro portfolio weby nezbytn\u00e9?<\/h3>\n<p>Z\u00e1kladn\u00ed typy \u0161ablon pro portfolio web jsou \u0161ablona detailu projektu, \u0161ablona archivu pro v\u00fdpis prac\u00ed, \u0161ablona v\u00fdsledk\u016f vyhled\u00e1v\u00e1n\u00ed a \u0161ablona chyby 404. WordPress.org vysv\u011btluje, \u017ee \u0161ablony definuj\u00ed rozvr\u017een\u00ed pro ka\u017ed\u00fd specifick\u00fd typ str\u00e1nky, tak\u017ee t\u00e9ma, kter\u00e9 dod\u00e1v\u00e1 tyto \u010dty\u0159i \u0161ablony, v\u00e1m umo\u017e\u0148uje zobrazovat jednotliv\u00e9 projekty, proch\u00e1zet kolekce, zpracov\u00e1vat dotazy n\u00e1v\u0161t\u011bvn\u00edk\u016f a elegantn\u011b spravovat chyb\u011bj\u00edc\u00ed str\u00e1nky bez dodate\u010dn\u00e9ho v\u00fdvoje. P\u0159ed zav\u00e1z\u00e1n\u00edm k t\u00e9matu ov\u011b\u0159te, \u017ee ka\u017ed\u00e1 z t\u011bchto \u0161ablon existuje v sad\u011b soubor\u016f t\u00e9matu nebo m\u016f\u017ee b\u00fdt vytvo\u0159ena v Editoru webu; editor poskytuje \u017eiv\u00e9 n\u00e1hledy ka\u017ed\u00e9 \u0161ablony, co\u017e usnad\u0148uje potvrzen\u00ed pokryt\u00ed. Pro hlub\u0161\u00ed pohled na to, jak jsou \u0161ablony organizov\u00e1ny, pod\u00edvejte se na str\u00e1nku <a href=\"https:\/\/webmister.pro\/cz\/shab\/\">\u0160ablony<\/a>.<\/p>\n<h3 id=\"jak-se-blokova-temata-lisi-od-klasickych-temat-pro-spravu-portfolio\">Jak se blokov\u00e1 t\u00e9mata li\u0161\u00ed od klasick\u00fdch t\u00e9mat pro spr\u00e1vu portfolio?<\/h3>\n<p>Blokov\u00e1 t\u00e9mata zp\u0159\u00edstup\u0148uj\u00ed ka\u017edou \u0161ablonu a \u010d\u00e1st \u0161ablony Editoru webu, co\u017e v\u00e1m umo\u017e\u0148uje vizu\u00e1ln\u011b upravovat rozvr\u017een\u00ed bez z\u00e1sahu do k\u00f3du, zat\u00edmco klasick\u00e1 t\u00e9mata spol\u00e9haj\u00ed na PHP soubory \u0161ablon a p\u0159izp\u016fsobova\u010d pro omezen\u00e9 zm\u011bny. V blokov\u00e9m t\u00e9matu jsou \u0161ablony detailu projektu, archivu, vyhled\u00e1v\u00e1n\u00ed a 404 postaveny z blok\u016f, tak\u017ee m\u016f\u017eete p\u0159euspo\u0159\u00e1dat sekce, nastavit odsazen\u00ed a aplikovat glob\u00e1ln\u00ed nastaven\u00ed styl\u016f z jednoho rozhran\u00ed. Tento p\u0159\u00edstup tak\u00e9 umo\u017e\u0148uje varianty styl\u016f \u2013 p\u0159eddefinovan\u00e9 bal\u00ed\u010dky barev a typografie \u2013 kter\u00e9 lze p\u0159epnout pro cel\u00fd web jedn\u00edm kliknut\u00edm; Twenty Twenty\u2011Three nap\u0159\u00edklad dod\u00e1v\u00e1 s deseti takov\u00fdmi variantami a je dokumentov\u00e1no jako blokov\u00e9 t\u00e9ma p\u0159ipraven\u00e9 pro p\u0159\u00edstupnost. Klasick\u00fdm t\u00e9matum chyb\u00ed tato detailn\u00ed, vizu\u00e1ln\u00ed kontrola a obvykle vy\u017eaduj\u00ed pod\u0159\u00edzen\u00e9 t\u00e9ma nebo vlastn\u00ed PHP pro dosa\u017een\u00ed srovnateln\u00e9 flexibility. <a href=\"https:\/\/wordpress.org\/documentation\/article\/block-themes\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Dokumentace blokov\u00fdch t\u00e9mat<\/a> popisuje architekturu, zat\u00edmco <a href=\"https:\/\/wordpress.org\/documentation\/article\/twenty-twenty-three\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Dokumentace Twenty Twenty\u2011Three<\/a> ilustruje praktick\u00e9 v\u00fdhody. Pro n\u00e1vod, jak prov\u00e1d\u011bt bezpe\u010dn\u00e9 vizu\u00e1ln\u00ed zm\u011bny bez poru\u0161en\u00ed k\u00f3du, pod\u00edvejte se na <a href=\"https:\/\/webmister.pro\/cz\/uprava-sablony-wordpress\/\">Bezpe\u010dn\u00e9 p\u0159izp\u016fsoben\u00ed WordPress t\u00e9matu bez poru\u0161en\u00ed k\u00f3du<\/a>.<\/p>\n<h3 id=\"jake-funkce-pristupnosti-by-tema-portfolio-melo-poskytovat\">Jak\u00e9 funkce p\u0159\u00edstupnosti by t\u00e9ma portfolio m\u011blo poskytovat?<\/h3>\n<p>T\u00e9ma portfolio p\u0159ipraven\u00e9 pro p\u0159\u00edstupnost by m\u011blo zahrnovat odkaz pro p\u0159esko\u010den\u00ed na obsah, s\u00e9mantick\u00e9 orienta\u010dn\u00ed body HTML, mo\u017enosti barev s vysok\u00fdm kontrastem a tmav\u00fdm re\u017eimem a plnou podporu navigace kl\u00e1vesnic\u00ed. Dokumentace Twenty Twenty\u2011One uv\u00e1d\u00ed tyto funkce jako z\u00e1kladn\u00ed po\u017eadavky, a z\u016fst\u00e1vaj\u00ed relevantn\u00ed p\u0159i hodnocen\u00ed jak\u00e9hokoli t\u00e9mata pro vizu\u00e1ln\u00ed portfolio. T\u00e9ma, kter\u00e9 prohl\u00e1s\u00ed, \u017ee je \u201ep\u0159ipraven\u00e9 pro p\u0159\u00edstupnost\u201c \u2013 jako Twenty Twenty\u2011Three \u2013 bylo testov\u00e1no podle t\u011bchto krit\u00e9ri\u00ed a obvykle nab\u00edz\u00ed dal\u0161\u00ed ovl\u00e1dac\u00ed prvky, jako jsou nastaviteln\u00e9 pom\u011bry kontrastu a viditeln\u00e9 ohrani\u010den\u00ed fokusu. P\u0159i n\u00e1hledu kandid\u00e1tn\u00edho t\u00e9matu pou\u017eijte Editor webu k prohl\u00e9dnut\u00ed vygenerovan\u00e9ho k\u00f3du pro spr\u00e1vnou hierarchii nadpis\u016f, orienta\u010dn\u00ed body ARIA a po\u0159ad\u00ed fokusu; tato ru\u010dn\u00ed kontrola potvrzuje, \u017ee sliby t\u00e9matu se p\u0159elo\u017e\u00ed do re\u00e1ln\u00e9 pou\u017eitelnosti. Str\u00e1nka <a href=\"https:\/\/webmister.pro\/cz\/site-design\/\">Design webu<\/a> popisuje, jak glob\u00e1ln\u00ed styly interaguj\u00ed s nastaven\u00edmi p\u0159\u00edstupnosti.<\/p>\n<h2 id=\"jak-blokove-sablony-a-editor-webu-zjednodusuji-spravu-rozvrzeni-portfolia\">Jak blokov\u00e9 \u0161ablony a Editor webu zjednodu\u0161uj\u00ed spr\u00e1vu rozvr\u017een\u00ed portfolia?<\/h2>\n<p><img src=\"https:\/\/webmister.pro\/wp-content\/uploads\/2026\/11\/how-do-block-themes-and-the-site-editor-simplify-portfolio-l.webp\" alt=\"Jak blokov\u00e9 \u0161ablony a Editor webu zjednodu\u0161uj\u00ed spr\u00e1vu rozvr\u017een\u00ed portfolia?\" title=\"Jak blokov\u00e9 \u0161ablony a Editor webu zjednodu\u0161uj\u00ed spr\u00e1vu rozvr\u017een\u00ed portfolia?\" loading=\"lazy\" decoding=\"async\"><\/p>\n<p>Blokov\u00e9 \u0161ablony v kombinaci s Editorem webu v\u00e1m poskytuj\u00ed jedin\u00e9 vizu\u00e1ln\u00ed rozhran\u00ed pro glob\u00e1ln\u00ed \u00fapravy z\u00e1hlav\u00ed, z\u00e1pat\u00ed, navigace a oblast\u00ed obsahu, tak\u017ee ka\u017ed\u00e1 str\u00e1nka portfolia sd\u00edl\u00ed konzistentn\u00ed rozvr\u017een\u00ed bez nutnosti zasahovat do k\u00f3du.<\/p>\n<h3 id=\"jak-editor-webu-poskytuje-pristup-k-nahledum-sablon-a-ovladacim-prvkum-stylu\">Jak Editor webu poskytuje p\u0159\u00edstup k n\u00e1hled\u016fm \u0161ablon a ovl\u00e1dac\u00edm prvk\u016fm styl\u016f?<\/h3>\n<p>Editor webu otev\u00edr\u00e1 \u017eiv\u00fd n\u00e1hled ka\u017ed\u00e9 \u0161ablony a \u010d\u00e1sti \u0161ablony, co\u017e v\u00e1m umo\u017e\u0148uje mezi nimi p\u0159ep\u00ednat a upravovat glob\u00e1ln\u00ed nastaven\u00ed styl\u016f, jako je typografie, paleta barev a odsazen\u00ed, z jedin\u00e9ho panelu. V nab\u00eddce <strong>Vzhled\u202f&gt;\u202fEditor<\/strong> uvid\u00edte seznam v\u0161ech dostupn\u00fdch \u0161ablon \u2013 domovsk\u00e1 str\u00e1nka, jednotliv\u00fd projekt, archiv, 404 \u2013 a kliknut\u00edm na kteroukoli polo\u017eku m\u016f\u017eete na\u010d\u00edst interaktivn\u00ed n\u00e1hled, ve kter\u00e9m se zm\u011bny blok\u016f zobraz\u00ed okam\u017eit\u011b. Postrann\u00ed panel <strong>Styly<\/strong> sdru\u017euje glob\u00e1ln\u00ed ovl\u00e1dac\u00ed prvky pro barvy, p\u0159echody, duot\u00f3nov\u00e9 filtry a rodiny p\u00edsem a tak\u00e9 zobrazuje variace styl\u016f, kter\u00e9 autor \u0161ablony nab\u00edz\u00ed, co\u017e v\u00e1m umo\u017en\u00ed aplikovat ucelen\u00fd vzhled na cel\u00fd web jedin\u00fdm kliknut\u00edm. Podle <a href=\"https:\/\/wordpress.org\/documentation\/article\/styles-overview\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">dokumentace P\u0159ehled styl\u016f<\/a> tyto ovl\u00e1dac\u00ed prvky ovliv\u0148uj\u00ed ka\u017ed\u00fd blok, kter\u00fd respektuje glob\u00e1ln\u00ed nastaven\u00ed, tak\u017ee zm\u011bna prim\u00e1rn\u00ed barvy okam\u017eit\u011b aktualizuje tla\u010d\u00edtka, odkazy a nadpisy na v\u0161ech str\u00e1nk\u00e1ch projekt\u016f.<\/p>\n<h3 id=\"co-jsou-casti-sablony-a-jak-je-lze-znovu-pouzit-napric-strankami-projektu\">Co jsou \u010d\u00e1sti \u0161ablony a jak je lze znovu pou\u017e\u00edt nap\u0159\u00ed\u010d str\u00e1nkami projekt\u016f?<\/h3>\n<p>\u010c\u00e1sti \u0161ablony jsou opakovan\u011b pou\u017eiteln\u00e9 sekce zalo\u017een\u00e9 na bloc\u00edch \u2013 nap\u0159\u00edklad z\u00e1hlav\u00ed, z\u00e1pat\u00ed nebo postrann\u00ed panel s metadaty projektu \u2013 kter\u00e9 vytvo\u0159\u00edte jednou a vlo\u017e\u00edte do jak\u00e9koli \u0161ablony, \u010d\u00edm\u017e zajist\u00edte identickou strukturu k\u00f3du na v\u0161ech str\u00e1nk\u00e1ch projekt\u016f. Editor webu uv\u00e1d\u00ed \u010d\u00e1sti \u0161ablony vedle kompletn\u00edch \u0161ablon a novou \u010d\u00e1st m\u016f\u017eete p\u0159idat v\u00fdb\u011brem mo\u017enosti <strong>Vytvo\u0159it novou<\/strong> a jej\u00edm sestaven\u00edm pomoc\u00ed blok\u016f (navigace, logo, ikony soci\u00e1ln\u00edch s\u00edt\u00ed, u\u017eivatelsk\u00e1 pole atd.). Po ulo\u017een\u00ed se \u010d\u00e1st \u0161ablony stane dostupnou v bloku <strong>\u010c\u00e1st \u0161ablony<\/strong>, kter\u00fd m\u016f\u017eete p\u0159et\u00e1hnout do jak\u00e9koli \u0161ablony \u2013 jednotliv\u00e9ho projektu, archivu nebo vlastn\u00ed c\u00edlov\u00e9 str\u00e1nky \u2013 co\u017e zaru\u010duje, \u017ee aktualizace dan\u00e9 \u010d\u00e1sti se prom\u00edtnou v\u0161ude, kde je pou\u017eita. Dokumentace k blokov\u00fdm \u0161ablon\u00e1m uv\u00e1d\u00ed, \u017ee u\u017eivatel\u00e9 mohou vytv\u00e1\u0159et vlastn\u00ed \u0161ablony i opakovan\u011b pou\u017eiteln\u00e9 \u010d\u00e1sti \u0161ablon a \u017ee dostupn\u00e9 \u0161ablony a \u010d\u00e1sti \u0161ablon lze kontrolovat p\u0159\u00edmo v Editoru. Tento modul\u00e1rn\u00ed p\u0159\u00edstup je zvl\u00e1\u0161t\u011b cenn\u00fd pro portfolia, kde se mus\u00ed na des\u00edtk\u00e1ch str\u00e1nek zobrazovat konzistentn\u00ed z\u00e1hlav\u00ed projektu, standardizovan\u00fd blok s referencemi klient\u016f nebo sd\u00edlen\u00e9 z\u00e1pat\u00ed s v\u00fdzvou k akci bez nutnosti ru\u010dn\u00edho duplikov\u00e1n\u00ed.<\/p>\n<h3 id=\"jak-revize-sablon-ve-wordpressu-6-5-pomahaji-obnovit-zmeny-rozvrzeni\">Jak revize \u0161ablon ve WordPressu 6.5 pom\u00e1haj\u00ed obnovit zm\u011bny rozvr\u017een\u00ed?<\/h3>\n<p>WordPress 6.5 p\u0159idal historii reviz\u00ed pro \u0161ablony i \u010d\u00e1sti \u0161ablony, tak\u017ee ka\u017ed\u00e1 ulo\u017een\u00e1 zm\u011bna je zaznamen\u00e1na a p\u0159edchoz\u00ed rozvr\u017een\u00ed m\u016f\u017eete obnovit jedin\u00fdm kliknut\u00edm. Kdy\u017e upravujete \u0161ablonu nebo \u010d\u00e1st \u0161ablony v Editoru webu, ka\u017ed\u00e1 akce <strong>Ulo\u017eit<\/strong> vytvo\u0159\u00ed z\u00e1znam revize, kter\u00fd ulo\u017e\u00ed kompletn\u00ed strukturu blok\u016f a odpov\u00eddaj\u00edc\u00ed sn\u00edmek glob\u00e1ln\u00edch styl\u016f. Panel reviz\u00ed \u2013 p\u0159\u00edstupn\u00fd z postrann\u00edho panelu \u0161ablony \u2013 zobrazuje \u010dasov\u00e1 raz\u00edtka, u\u017eivatele, kter\u00fd zm\u011bnu provedl, a porovn\u00e1vac\u00ed zobrazen\u00ed, kter\u00e9 zv\u00fdraz\u0148uje p\u0159idan\u00e9, odebran\u00e9 nebo p\u0159esunut\u00e9 bloky. Pokud experiment\u00e1ln\u00ed rozvr\u017een\u00ed naru\u0161\u00ed vizu\u00e1ln\u00ed hierarchii str\u00e1nky projektu, m\u016f\u017eete otev\u0159\u00edt seznam reviz\u00ed, zobrazit n\u00e1hled star\u0161\u00ed verze a kliknut\u00edm na <strong>Obnovit<\/strong> okam\u017eit\u011b prov\u00e9st n\u00e1vrat. Tato z\u00e1chrann\u00e1 s\u00ed\u0165 podporuje iterativn\u00ed design: m\u016f\u017eete testovat alternativn\u00ed uspo\u0159\u00e1d\u00e1n\u00ed m\u0159\u00ed\u017eky, m\u011b\u0159\u00edtka typografie nebo barevn\u00e1 sch\u00e9mata na testovac\u00ed kopii \u0161ablony s v\u011bdom\u00edm, \u017ee existuje \u010dist\u00e1 cesta zp\u011bt. V kombinaci s mo\u017enost\u00ed <strong>exportovat v\u0161echny \u00fapravy z Editoru webu \u2013 \u0161ablony, \u010d\u00e1sti \u0161ablony a nastaven\u00ed styl\u016f \u2013 jako ZIP archiv \u0161ablony<\/strong> (jak je pops\u00e1no v dokumentaci k blokov\u00fdm \u0161ablon\u00e1m) m\u016f\u017eete spr\u00e1va verz\u00ed pokr\u00fdt cel\u00fd design portfolia, sd\u00edlet jej se spolupracovn\u00edky nebo jej nasadit na jinou instalaci bez ztr\u00e1ty historie rozvr\u017een\u00ed. Pro t\u00fdmy buduj\u00edc\u00ed portfoliov\u00e9 weby na platform\u011b, jako je <a href=\"https:\/\/webmister.pro\/cz\/sites\/\">Sites Development<\/a>, tyto funkce reviz\u00ed a exportu prom\u011b\u0148uj\u00ed Editor webu ve spolehliv\u00e9 centrum designov\u00e9ho syst\u00e9mu sp\u00ed\u0161e ne\u017e v jednor\u00e1zov\u00fd n\u00e1stroj pro tvorbu str\u00e1nek.<\/p>\n<h2 id=\"jak-mohu-pouzit-stylove-varianty-a-globalni-styly-k-vytvoreni-sjednoceneho-designu-portfolia\">Jak mohu pou\u017e\u00edt stylov\u00e9 varianty a glob\u00e1ln\u00ed styly k vytvo\u0159en\u00ed sjednocen\u00e9ho designu portfolia?<\/h2>\n<p><img src=\"https:\/\/webmister.pro\/wp-content\/uploads\/2026\/11\/how-can-i-use-style-variations-and-global-styles-to-create-a.webp\" alt=\"Jak mohu pou\u017e\u00edt stylov\u00e9 varianty a glob\u00e1ln\u00ed styly k vytvo\u0159en\u00ed sjednocen\u00e9ho designu portfolia?\" title=\"Jak mohu pou\u017e\u00edt stylov\u00e9 varianty a glob\u00e1ln\u00ed styly k vytvo\u0159en\u00ed sjednocen\u00e9ho designu portfolia?\" loading=\"lazy\" decoding=\"async\"><\/p>\n<p>Stylov\u00e9 varianty a glob\u00e1ln\u00ed styly v\u00e1m umo\u017e\u0148uj\u00ed sjednotit vizu\u00e1ln\u00ed jazyk portfolia nap\u0159\u00ed\u010d v\u0161emi str\u00e1nkami bez p\u0159ep\u00edn\u00e1n\u00ed motiv\u016f.<\/p>\n<h3 id=\"co-jsou-stylove-varianty-a-jak-se-lisi-od-child-motivu\">Co jsou stylov\u00e9 varianty a jak se li\u0161\u00ed od child motiv\u016f?<\/h3>\n<p>Stylov\u00e9 varianty jsou vestav\u011bn\u00e9 designov\u00e9 p\u0159edvolby, kter\u00e9 m\u011bn\u00ed barvy, typografii, odsazen\u00ed a nastaven\u00ed blok\u016f motivu blok\u016f jedn\u00edm kliknut\u00edm, zat\u00edmco child motivy vy\u017eaduj\u00ed samostatn\u00e9 soubory \u0161ablon a PHP p\u0159eps\u00e1n\u00ed. V motivu blok\u016f stylov\u00e1 varianta zabal\u00ed celou vizu\u00e1ln\u00ed identitu \u2013 barevnou paletu, rodiny font\u016f, typografickou \u0161k\u00e1lu a dokonce nastaven\u00ed na \u00farovni blok\u016f \u2013 do jedn\u00e9 vyvoliteln\u00e9 mo\u017enosti uvnit\u0159 Editoru webu. To znamen\u00e1, \u017ee m\u016f\u017eete okam\u017eit\u011b vym\u011bnit cel\u00fd vzhled portfolia, otestovat v\u00edce sm\u011br\u016f zna\u010dky a vr\u00e1tit se zp\u011bt bez \u00fapravy k\u00f3du. Child motivy, naopak, jsou v\u00fdvoj\u00e1\u0159sk\u00fd n\u00e1stroj: d\u011bd\u00ed \u0161ablony a funkce rodi\u010dovsk\u00e9ho motivu a pot\u00e9 p\u0159episuj\u00ed konkr\u00e9tn\u00ed soubory pro dosa\u017een\u00ed vlastn\u00edch rozvr\u017een\u00ed nebo funk\u010dnosti. Proto\u017ee stylov\u00e9 varianty funguj\u00ed zcela uvnit\u0159 rozhran\u00ed Styl\u016f, vyh\u00fdbaj\u00ed se re\u017eijn\u00edm n\u00e1klad\u016fm spr\u00e1vy samostatn\u00e9 slo\u017eky motivu a jsou bezpe\u010dn\u00e9 pro netechnick\u00e9 u\u017eivatele. Pro hlub\u0161\u00ed pohled na bezpe\u010dnou p\u0159izp\u016fsoben\u00ed bez rozbit\u00ed k\u00f3du viz p\u0159\u00edru\u010dka o Bezpe\u010dn\u00e9 p\u0159izp\u016fsoben\u00ed motivu WordPressu bez rozbit\u00ed k\u00f3du.<\/p>\n<h3 id=\"jak-globalni-styly-pro-barvy-fonty-a-rozvrzeni-udrzuji-vizualni-konzistenci\">Jak glob\u00e1ln\u00ed styly pro barvy, fonty a rozvr\u017een\u00ed udr\u017euj\u00ed vizu\u00e1ln\u00ed konzistenci?<\/h3>\n<p>Glob\u00e1ln\u00ed styly aplikuj\u00ed jednu sadu barevn\u00fdch palet, rodin font\u016f a pravidel odsazen\u00ed nap\u0159\u00ed\u010d cel\u00fdm webem p\u0159es rozhran\u00ed Styl\u016f, zaji\u0161\u0165uj\u00edc, \u017ee ka\u017ed\u00fd blok d\u011bd\u00ed stejn\u00e9 designov\u00e9 tokeny. Podle p\u0159ehledu styl\u016f WordPressu syst\u00e9m Styl\u016f zapisuje tato nastaven\u00ed na glob\u00e1ln\u00ed \u00farovni, tak\u017ee jak\u00fdkoli blok \u2013 a\u0165 u\u017e nadpis, galerie obr\u00e1zk\u016f nebo tla\u010d\u00edtko s v\u00fdzvou k akci \u2013 automaticky respektuje vybranou paletu a typografickou hierarchii. Kdy\u017e jednou definujete prim\u00e1rn\u00ed barvu, sekund\u00e1rn\u00ed akcent a font nadpis\u016f, editor \u0161\u00ed\u0159\u00ed tyto hodnoty do v\u0161ech \u0161ablon, \u010d\u00e1st\u00ed \u0161ablon a instanc\u00ed vzor\u016f. To eliminuje riziko neshodn\u00fdch odst\u00edn\u016f na str\u00e1nce projektu versus domovsk\u00e9 str\u00e1nce a udr\u017euje svisl\u00fd rytmus konzistentn\u00ed nap\u0159\u00ed\u010d m\u0159\u00ed\u017ekami portfolia, rozvr\u017een\u00edmi jednotliv\u00fdch projekt\u016f a archivov\u00fdmi pohledy. V\u00fdsledkem je sjednocen\u00fd zna\u010dkov\u00fd z\u00e1\u017eitek, kter\u00fd lze centr\u00e1ln\u011b upravovat; zm\u011bna glob\u00e1ln\u00ed velikosti nadpisu nap\u0159\u00edklad okam\u017eit\u011b p\u0159em\u011b\u0159\u00edtkuje n\u00e1zev ka\u017ed\u00e9ho projektu bez manu\u00e1ln\u00edch \u00faprav. Pro t\u00fdmy, kter\u00e9 udr\u017euj\u00ed form\u00e1ln\u00ed zna\u010dkov\u00fd syst\u00e9m, propojen\u00ed t\u011bchto glob\u00e1ln\u00edch token\u016f s odkazem na <a href=\"https:\/\/webmister.pro\/cz\/brandbook\/\">Brandbooks<\/a> zaji\u0161\u0165uje, \u017ee design\u00e9\u0159i a v\u00fdvoj\u00e1\u0159i z\u016fstanou v souladu.<\/p>\n<h3 id=\"jak-twenty-twenty-five-a-twenty-twenty-four-ukazuji-stylove-varianty-pripravene-pro-portfolium\">Jak Twenty Twenty\u2011Five a Twenty Twenty\u2011Four ukazuj\u00ed stylov\u00e9 varianty p\u0159ipraven\u00e9 pro portfolium?<\/h3>\n<p>Twenty Twenty\u2011Five dod\u00e1v\u00e1 dev\u011bt odli\u0161n\u00fdch stylov\u00fdch variant, z nich\u017e ka\u017ed\u00e1 nab\u00edz\u00ed vlastn\u00ed barevnou paletu, p\u00e1r font\u016f a nastaven\u00ed typografie; barevn\u00e9 palety a p\u00e1ry font\u016f jsou k dispozici tak\u00e9 jako jednotliv\u00e9 p\u0159edvolby. Tato \u0161\u00ed\u0159e umo\u017e\u0148uje kreativn\u00edmu profesion\u00e1lovi vybrat variantu, kter\u00e1 odpov\u00edd\u00e1 minimalistick\u00e9 monochromatick\u00e9 estetice, \u017eiv\u00e9mu editori\u00e1ln\u00edmu vzhledu nebo tepl\u00e9mu fotografick\u00e9mu t\u00f3nu, a pak doladit jednotliv\u00e9 p\u0159edvolby bez opou\u0161t\u011bn\u00ed panelu Styl\u016f. Twenty Twenty\u2011Four zase poskytuje vzor Portfolia, kter\u00fd lze p\u0159i\u0159adit k Domovsk\u00e9 str\u00e1nce blogu, Indexu, Archivu a vyhled\u00e1vac\u00edm \u0161ablon\u00e1m, co\u017e ukazuje, \u017ee portfoliov\u00e9 rozvr\u017een\u00ed mohou b\u00fdt dod\u00e1v\u00e1na jako vzory \u0161ablon sp\u00ed\u0161e ne\u017e jako samostatn\u00fd motiv. Vzor uspo\u0159\u00e1d\u00e1 vybran\u00e9 obr\u00e1zky, n\u00e1zvy projekt\u016f a taxonomick\u00e9 term\u00edny do responzivn\u00ed m\u0159\u00ed\u017eky, kter\u00e1 funguje bez dal\u0161\u00edch nastaven\u00ed pro prezentaci pr\u00e1ce. Oba motivy ilustruj\u00ed, jak se stylov\u00e9 varianty a vzorov\u00e9 \u0161ablony kombinuj\u00ed, aby poskytly hotovou, pln\u011b p\u0159izp\u016fsobitelnou z\u00e1kladnu pro profesion\u00e1ln\u00ed portfolium. Pro prezenta\u010dn\u00ed str\u00e1nky typu landing page, kter\u00e9 t\u011b\u017e\u00ed ze stejn\u00e9ho syst\u00e9mu glob\u00e1ln\u00edch styl\u016f, zdroj <a href=\"https:\/\/webmister.pro\/cz\/landings\/\">Landing pages<\/a> ukazuje, jak znovu pou\u017e\u00edt tyto vzory nap\u0159\u00ed\u010d marketingov\u00fdmi vstupn\u00edmi body.<\/p>\n<h2 id=\"ktere-vzory-sablon-a-vlastni-sablony-jsou-nezbytne-pro-stranky-projektu-portfolia\">Kter\u00e9 vzory \u0161ablon a vlastn\u00ed \u0161ablony jsou nezbytn\u00e9 pro str\u00e1nky projekt\u016f portfolia?<\/h2>\n<p>Nezbytn\u00e9 str\u00e1nky projekt\u016f portfolia spol\u00e9haj\u00ed na kombinaci vzor\u016f \u0161ablon dod\u00e1van\u00fdch blokov\u00fdmi motivy jako Twenty Twenty-Four a vlastn\u00edch \u0161ablon vytvo\u0159en\u00fdch v Editoru webu pro obsluhu unik\u00e1tn\u00edch zobrazen\u00ed projekt\u016f, seznam\u016f archiv\u016f a v\u00fdsledk\u016f vyhled\u00e1v\u00e1n\u00ed.<\/p>\n<h3 id=\"jak-se-vzory-sablon-lisi-od-uplnych-sablon\">Jak se vzory \u0161ablon li\u0161\u00ed od \u00fapln\u00fdch \u0161ablon?<\/h3>\n<p>Vzory \u0161ablon jsou p\u0159edem navr\u017een\u00e9 v\u00fdchoz\u00ed body rozvr\u017een\u00ed, kter\u00e9 lze aplikovat na st\u00e1vaj\u00edc\u00ed typy \u0161ablon \u2013 jako je Domovsk\u00e1 str\u00e1nka blogu, Index, Archiv a Vyhled\u00e1v\u00e1n\u00ed \u2013 ani\u017e by nahradily z\u00e1kladn\u00ed strukturu \u0161ablony, zat\u00edmco kompletn\u00ed \u0161ablony definuj\u00ed \u00faplnou logiku rozvr\u017een\u00ed pro konkr\u00e9tn\u00ed typ str\u00e1nky. Podle dokumentace k motivu Twenty Twenty-Four obsahuje tento motiv mo\u017enost vzoru Portfolio, kterou lze vybrat pro \u0161ablony Domovsk\u00e1 str\u00e1nka blogu, Index, Archiv a Vyhled\u00e1v\u00e1n\u00ed, co\u017e dokazuje, \u017ee rozvr\u017een\u00ed zam\u011b\u0159en\u00e1 na portfolio mohou b\u00fdt dod\u00e1v\u00e1na jako vzory \u0161ablon sp\u00ed\u0161e ne\u017e jako samostatn\u00fd motiv. Tento rozd\u00edl je d\u016fle\u017eit\u00fd, proto\u017ee vzory v\u00e1m poskytuj\u00ed p\u0159ipraven\u00e9 uspo\u0159\u00e1d\u00e1n\u00ed blok\u016f \u2013 sekce hero, m\u0159\u00ed\u017ekov\u00e9 smy\u010dky, zv\u00fdrazn\u011bn\u00e9 v\u00fdzvy k projekt\u016fm \u2013 kter\u00e9 m\u016f\u017eete vlo\u017eit a n\u00e1sledn\u011b upravit, zat\u00edmco samotn\u00e1 \u0161ablona z\u016fst\u00e1v\u00e1 \u0159\u00eddic\u00edm souborem, kter\u00fd ur\u010duje, kter\u00fd vzor se na\u010dte pro dan\u00fd dotaz. P\u0159i posuzov\u00e1n\u00ed motivu pro pr\u00e1ci s portfoliem zkontrolujte, zda obsahuje typy str\u00e1nek, kter\u00e9 pot\u0159ebujete \u2013 nap\u0159\u00edklad \u0161ablony detailu projektu, archivu, vyhled\u00e1v\u00e1n\u00ed a str\u00e1nky 404 \u2013 je\u0161t\u011b p\u0159ed \u00fapravou jeho vizu\u00e1ln\u00edho stylu, proto\u017ee p\u0159\u00edtomnost t\u011bchto soubor\u016f \u0161ablon ur\u010duje, kter\u00e9 typy obsahu lze v\u016fbec vykreslit. Dokumentace k Editoru webu na WordPress.org vysv\u011btluje, \u017ee \u0161ablony definuj\u00ed rozvr\u017een\u00ed pro konkr\u00e9tn\u00ed typy str\u00e1nek, tak\u017ee motiv, kter\u00fd obsahuje vyhrazenou \u0161ablonu pro jednotliv\u00fd projekt a \u0161ablonu pro archiv projekt\u016f, poskytuje siln\u011bj\u0161\u00ed z\u00e1klad ne\u017e ten, kter\u00fd nab\u00edz\u00ed pouze obecn\u00e9 z\u00e1lo\u017en\u00ed \u0161ablony indexu.<\/p>\n<h3 id=\"jak-muzete-vytvaret-a-spravovat-vlastni-sablony-v-editoru-webu\">Jak m\u016f\u017eete vytv\u00e1\u0159et a spravovat vlastn\u00ed \u0161ablony v Editoru webu?<\/h3>\n<p>Vlastn\u00ed \u0161ablony se vytv\u00e1\u0159ej\u00ed a spravuj\u00ed p\u0159\u00edmo v Editoru webu, kter\u00fd je p\u0159\u00edstupn\u00fd p\u0159es Vzhled &gt; Editor, kde m\u016f\u017eete p\u0159idat novou \u0161ablonu pro jak\u00fdkoli typ p\u0159\u00edsp\u011bvku, taxonomii nebo vlastn\u00ed dotaz a pot\u00e9 sestavit jej\u00ed blokovou strukturu od nuly nebo ze vzoru. Dokumentace k Editoru webu uv\u00e1d\u00ed, \u017ee u\u017eivatel\u00e9 mohou vytv\u00e1\u0159et vlastn\u00ed \u0161ablony a opakovan\u011b pou\u017eiteln\u00e9 \u010d\u00e1sti \u0161ablony, co\u017e v\u00e1m d\u00e1v\u00e1 plnou kontrolu nad zna\u010dkov\u00e1n\u00edm, kter\u00e9 obaluje ka\u017ed\u00fd projekt portfolia. Pro profesion\u00e1ln\u00ed portfolio obvykle vytvo\u0159\u00edte vlastn\u00ed \u0161ablonu pro jednotliv\u00fd p\u0159\u00edsp\u011bvek pro v\u00e1\u0161 typ p\u0159\u00edsp\u011bvku projekt \u2013 \u010dasto pojmenovanou `single-project.html` \u2013 kter\u00e1 obsahuje blok hero pro n\u00e1zev projektu a klienta, blok galerie nebo slideru pro obr\u00e1zky p\u0159\u00edpadov\u00e9 studie, oblast pro form\u00e1tovan\u00fd text pro popis projektu a blok meta \u00fadaj\u016f pro technologie, datum a \u0161t\u00edtky kategori\u00ed. M\u016f\u017eete tak\u00e9 vytvo\u0159it vlastn\u00ed \u0161ablonu archivu \u2013 `archive-project.html` \u2013, kter\u00e1 vykresluje responsivn\u00ed m\u0159\u00ed\u017eku karet projekt\u016f s prvky pro filtrov\u00e1n\u00ed. Vzhledem k tomu, \u017ee verze WordPress 6.5 zavedla revize pro \u0161ablony a \u010d\u00e1sti \u0161ablon, m\u016f\u017eete b\u011bhem \u00faprav stylu portfolia kontrolovat nebo obnovovat zm\u011bny rozvr\u017een\u00ed, co\u017e je neoceniteln\u00e9 p\u0159i iteraci designov\u00fdch rozhodnut\u00ed v r\u00e1mci v\u00edce kol schvalov\u00e1n\u00ed. Abyste udr\u017eeli vlastn\u00ed \u0161ablony p\u0159ehledn\u00e9, pou\u017e\u00edvejte popisn\u00e1 jm\u00e9na a zva\u017ete p\u0159id\u00e1n\u00ed p\u0159edpony `portfolio-`, aby se ve v\u00fdb\u011bru \u0161ablon zobrazovaly seskupen\u00e9. Pokud pot\u0159ebujete roz\u0161\u00ed\u0159it hierarchii \u0161ablon nad r\u00e1mec toho, co zobrazuje UI (U\u017eivatelsk\u00e9 rozhran\u00ed) \u2013 nap\u0159\u00edklad \u0161ablonu pro konkr\u00e9tn\u00ed kategorii projekt\u016f \u2013, m\u016f\u017eete vytvo\u0159it soubor ve sv\u00e9m potomkovsk\u00e9m motivu nebo v pluginu pomoc\u00ed standardn\u00ed konvence pojmenov\u00e1n\u00ed (`taxonomy-project_category-branding.html`) a ten se objev\u00ed v Editoru webu pro dal\u0161\u00ed \u00fapravy zalo\u017een\u00e9 na bloc\u00edch.<\/p>\n<h3 id=\"jakou-roli-hraji-opakovane-pouzitelne-casti-sablony-v-konzistentni-strukture-stranek-projektu\">Jakou roli hraj\u00ed opakovan\u011b pou\u017eiteln\u00e9 \u010d\u00e1sti \u0161ablony v konzistentn\u00ed struktu\u0159e str\u00e1nek projekt\u016f?<\/h3>\n<p>Opakovan\u011b pou\u017eiteln\u00e9 \u010d\u00e1sti \u0161ablony \u2013 jako jsou hlavi\u010dky, z\u00e1pat\u00ed, li\u0161ty meta \u00fadaj\u016f projekt\u016f a karusely souvisej\u00edc\u00edch projekt\u016f \u2013 zaji\u0161\u0165uj\u00ed, \u017ee ka\u017ed\u00e1 str\u00e1nka projektu portfolia sd\u00edl\u00ed identick\u00e9 struktur\u00e1ln\u00ed prvky bez duplicity blokov\u00e9ho zna\u010dkov\u00e1n\u00ed nap\u0159\u00ed\u010d v\u00edce \u0161ablonami. Dokumentace k Editoru webu potvrzuje, \u017ee u\u017eivatel\u00e9 mohou vytv\u00e1\u0159et opakovan\u011b pou\u017eiteln\u00e9 \u010d\u00e1sti \u0161ablony, a tyto \u010d\u00e1sti lze vlo\u017eit do jak\u00e9koli \u0161ablony, v\u010detn\u011b vlastn\u00edch \u0161ablon pro jednotliv\u00fd projekt a archiv projekt\u016f. Typick\u00fd pracovn\u00ed postup pro portfolio definuje \u010d\u00e1st \u0161ablony `portfolio-header`, kter\u00e1 obsahuje logo webu, navigaci a rozbalovac\u00ed nab\u00eddku filtru projekt\u016f; \u010d\u00e1st `project-meta`, kter\u00e1 zobrazuje jm\u00e9no klienta, datum projektu, \u0161t\u00edtky slu\u017eeb a odkaz na \u017eiv\u00fd web; a \u010d\u00e1st `related-projects`, kter\u00e1 na\u010d\u00edt\u00e1 t\u0159i nejnov\u011bj\u0161\u00ed projekty ve stejn\u00e9 kategorii. Kdy\u017e uprav\u00edte jednu z t\u011bchto \u010d\u00e1st\u00ed v Editoru webu, zm\u011bna se okam\u017eit\u011b prom\u00edtne do ka\u017ed\u00e9 \u0161ablony, kter\u00e1 ji obsahuje, \u010d\u00edm\u017e se eliminuje riziko nekonzistentn\u00edho odsazen\u00ed, typografie nebo chyb\u011bj\u00edc\u00edch meta pol\u00ed nap\u0159\u00ed\u010d des\u00edtkami str\u00e1nek projekt\u016f. \u010c\u00e1sti \u0161ablony tak\u00e9 zjednodu\u0161uj\u00ed glob\u00e1ln\u00ed aktualizace styl\u016f: pokud se designov\u00fd syst\u00e9m zm\u011bn\u00ed z tmav\u00e9 hlavi\u010dky na sv\u011btlou, uprav\u00edte \u010d\u00e1st `portfolio-header` jednou a nov\u00e1 barva pozad\u00ed, styly odkaz\u016f a varianta loga se aplikuj\u00ed v\u0161ude. Pro t\u00fdmy, kter\u00e9 p\u0159ed\u00e1vaj\u00ed \u00fadr\u017ebu portfolia klient\u016fm, uzam\u010den\u00ed kritick\u00fdch \u010d\u00e1st\u00ed \u0161ablony \u2013 pomoc\u00ed atribut\u016f `lock=&#8220;move&#8220;` a `lock=&#8220;remove&#8220;` v blokov\u00e9m zna\u010dkov\u00e1n\u00ed \u2013 zabra\u0148uje n\u00e1hodn\u00e9mu smaz\u00e1n\u00ed, zat\u00edmco st\u00e1le umo\u017e\u0148uje \u00fapravy obsahu v editoru p\u0159\u00edsp\u011bvk\u016f. Tento p\u0159\u00edstup udr\u017euje strukturu str\u00e1nek projekt\u016f p\u0159edv\u00eddatelnou a dlouhodob\u011b udr\u017eovatelnou. Podrobn\u011bj\u0161\u00ed pokyny k organizaci hierarchi\u00ed \u0161ablon naleznete na referen\u010dn\u00ed str\u00e1nce \u0160ablony a pro postupy bezpe\u010dn\u00fdch \u00faprav, kter\u00e9 zachov\u00e1vaj\u00ed mo\u017enost aktualizace, si p\u0159e\u010dt\u011bte \u010dl\u00e1nek Bezpe\u010dn\u00e9 \u00fapravy motiv\u016f WordPress bez poru\u0161en\u00ed k\u00f3du. Pokud stav\u00edte motiv portfolia zcela od nuly, \u010dl\u00e1nek <a href=\"https:\/\/webmister.pro\/cz\/jak-vytvorit-vlastni-wordpress-sablonu-od-zakladu\/\">Jak vytvo\u0159it vlastn\u00ed motiv WordPress od nuly<\/a> pokr\u00fdv\u00e1 kompletn\u00ed architekturu \u010d\u00e1st\u00ed \u0161ablon.<\/p>\n<h2 id=\"jake-technicke-aspekty-zajistuji-vykonnost-a-pristupnost-vizualniho-portfolia\">Jak\u00e9 technick\u00e9 aspekty zaji\u0161\u0165uj\u00ed v\u00fdkonnost a p\u0159\u00edstupnost vizu\u00e1ln\u00edho portfolia?<\/h2>\n<p>Technick\u00e1 v\u00fdkonnost a p\u0159\u00edstupnost vizu\u00e1ln\u00edho portfolia z\u00e1vis\u00ed na podpo\u0159e modern\u00edch form\u00e1t\u016f obr\u00e1zk\u016f, ov\u011b\u0159en\u00fdch funkc\u00edch p\u0159\u00edstupnosti v \u0161ablon\u011b a schopnosti exportovat p\u0159izp\u016fsoben\u00e9 n\u00e1vrhy pro nasazen\u00ed nebo z\u00e1lohu.<\/p>\n<h3 id=\"jak-podpora-avif-ovlivnuje-pracovni-postupy-s-obrazky-v-portfoliu\">Jak podpora AVIF ovliv\u0148uje pracovn\u00ed postupy s obr\u00e1zky v portfoliu?<\/h3>\n<p>WordPress 6.5 p\u0159idal podporu obr\u00e1zk\u016f AVIF, co\u017e zlep\u0161uje rychlost na\u010d\u00edt\u00e1n\u00ed pro portfolia bohat\u00e1 na obr\u00e1zky t\u00edm, \u017ee dod\u00e1v\u00e1 men\u0161\u00ed velikosti soubor\u016f p\u0159i srovnateln\u00e9 vizu\u00e1ln\u00ed kvalit\u011b jako star\u0161\u00ed form\u00e1ty. P\u0159i v\u00fdb\u011bru form\u00e1t\u016f obr\u00e1zk\u016f pro vizu\u00e1ln\u00ed portfolio ov\u011b\u0159te, \u017ee verze WordPressu webu a pracovn\u00ed postup s obr\u00e1zky podporuj\u00ed form\u00e1t, kter\u00fd chcete pou\u017e\u00edt. To znamen\u00e1 potvrdit, \u017ee instalace b\u011b\u017e\u00ed na WordPressu 6.5 nebo nov\u011bj\u0161\u00edm a \u017ee hostingov\u00e9 prost\u0159ed\u00ed zahrnuje pot\u0159ebn\u00e9 serverov\u00e9 knihovny pro k\u00f3dov\u00e1n\u00ed AVIF. Pro pracovn\u00ed postupy portfolia to posouv\u00e1 krok optimalizace d\u0159\u00edv: n\u00e1vrh\u00e1\u0159i mohou exportovat fin\u00e1ln\u00ed assety p\u0159\u00edmo jako AVIF z n\u00e1stroj\u016f, kter\u00e9 to podporuj\u00ed, \u010d\u00edm\u017e sni\u017euj\u00ed z\u00e1vislost na konverzn\u00edch pipeplinech zalo\u017een\u00fdch na pluginech. Form\u00e1t tak\u00e9 prosp\u011bje dod\u00e1vce responzivn\u00edch obr\u00e1zk\u016f, proto\u017ee men\u0161\u00ed zdrojov\u00e9 soubory umo\u017e\u0148uj\u00ed generov\u00e1n\u00ed `srcset` v blov\u00e9m editoru vytv\u00e1\u0159et leh\u010d\u00ed varianty nap\u0159\u00ed\u010d body zlomu. T\u00fdmy spravuj\u00edc\u00ed velk\u00e9 galerie by m\u011bly audituje existuj\u00edc\u00ed medi\u00e1ln\u00ed knihovny, aby identifikovaly kandid\u00e1ty pro p\u0159e-k\u00f3dov\u00e1n\u00ed, s prioritizac\u00ed hero obr\u00e1zk\u016f a n\u00e1hled\u016f projekt\u016f above-the-fold, kde je dopad na \u010das na\u010d\u00edt\u00e1n\u00ed nejv\u011bt\u0161\u00ed.<\/p>\n<h3 id=\"ktere-funkce-pristupnosti-by-se-mely-overit-v-sablone-portfolia\">Kter\u00e9 funkce p\u0159\u00edstupnosti by se m\u011bly ov\u011b\u0159it v \u0161ablon\u011b portfolia?<\/h3>\n<p>\u0160ablony p\u0159ipraven\u00e9 pro p\u0159\u00edstupnost poskytuj\u00ed s\u00e9mantick\u00e9 HTML, vysok\u00fd kontrast a kl\u00e1vesovou navigaci od za\u010d\u00e1tku. Dokumentace Twenty Twenty-One na WordPress.org uv\u00e1d\u00ed funkce p\u0159\u00edstupnosti, v\u010detn\u011b odkazu pro p\u0159esko\u010den\u00ed na obsah, s\u00e9mantick\u00fdch orienta\u010dn\u00edch bod\u016f HTML, podpory vysok\u00e9ho kontrastu a tmav\u00e9ho re\u017eimu a kl\u00e1vesov\u00e9 navigace; to jsou u\u017eite\u010dn\u00e9 funkce do kontroly p\u0159i hodnocen\u00ed \u0161ablony portfolia. Dokumentace Twenty Twenty-Three na WordPress.org ji identifikuje jako blokovou \u0161ablonu p\u0159ipravenou pro p\u0159\u00edstupnost a uv\u00e1d\u00ed, \u017ee zahrnuje deset variac\u00ed styl\u016f, co\u017e ilustruje, \u017ee ozna\u010den\u00ed \u0161ablony pro p\u0159\u00edstupnost a mo\u017enosti stylov\u00e1n\u00ed lze zkontrolovat v jej\u00ed ofici\u00e1ln\u00ed dokumentaci. P\u0159i ov\u011b\u0159ov\u00e1n\u00ed \u0161ablony portfolia potvr\u010fte p\u0159\u00edtomnost viditeln\u00e9ho odkazu pro p\u0159esko\u010den\u00ed na obsah, kter\u00fd se aktivuje p\u0159i fokusov\u00e1n\u00ed, spr\u00e1vnou hierarchii nadpis\u016f (`h1` a\u017e `h6`) nap\u0159\u00ed\u010d str\u00e1nkami projekt\u016f a orienta\u010dn\u00edmi oblastmi jako `<main>`, `<\/p>\n<nav>` a `<\/p>\n<footer>`, na kter\u00fdch spol\u00e9haj\u00ed asisten\u010dn\u00ed technologie. Pom\u011bry barevn\u00e9ho kontrastu by m\u011bly spl\u0148ovat minim\u00e1 WCAG AA (4,5:1 pro norm\u00e1ln\u00ed text, 3:1 pro velk\u00fd text) v v\u00fdchoz\u00edm nastaven\u00ed i v jak\u00fdchkoli variac\u00edch tmav\u00e9ho re\u017eimu. Kl\u00e1vesov\u00e1 ovladatelnost mus\u00ed roz\u0161i\u0159ovat na v\u0161echny interaktivn\u00ed prvky: navigaci lightboxu, ovl\u00e1dac\u00ed prvky filtr\u016f, str\u00e1nkov\u00e1n\u00ed a kontaktn\u00ed formul\u00e1\u0159e. Indik\u00e1tory fokusu by m\u011bly b\u00fdt viditeln\u00e9 a konzistentn\u00ed, ne odstran\u011bn\u00e9 glob\u00e1ln\u00edmi resetty. Nakonec otestujte, \u017ee \u010dte\u010dky obrazovky oznamuj\u00ed dynamick\u00e9 zm\u011bny obsahu, jako jsou filtrovan\u00e9 m\u0159\u00ed\u017eky projekt\u016f nebo na\u010d\u00edt\u00e1n\u00ed nekone\u010dn\u00e9ho posouv\u00e1n\u00ed, pomoc\u00ed oblast\u00ed ARIA live tam, kde je to vhodn\u00e9.<\/footer>\n<\/nav>\n<p><\/main><\/p>\n<h3 id=\"jak-muzete-exportovat-nastylovanou-sablonu-portfolia-pro-nasazeni-nebo-zalohu\">Jak m\u016f\u017eete exportovat nastylovanou \u0161ablonu portfolia pro nasazen\u00ed nebo z\u00e1lohu?<\/h3>\n<p>\u00dapravy proveden\u00e9 v Editoru webu \u2013 v\u010detn\u011b \u0161ablon, \u010d\u00e1st\u00ed \u0161ablon a nastaven\u00ed styl\u016f \u2013 lze exportovat jako ZIP \u0161ablony. Tato schopnost v\u00e1m umo\u017e\u0148uje zachytit pln\u011b nastylovanou konfiguraci portfolia, kompletn\u00ed s glob\u00e1ln\u00edmi barevn\u00fdmi paletami, p\u0159edvolebmi typografie, m\u011b\u0159\u00edtky mezery a vlastn\u00edmi vzory \u0161ablon, do p\u0159enosn\u00e9ho bal\u00ed\u010dku. Pro export otev\u0159ete Editor webu, p\u0159ejd\u011bte do postrann\u00edho panelu styl\u016f a pou\u017eijte mo\u017enost &#8222;Export&#8220; pro vygenerov\u00e1n\u00ed ZIP souboru obsahuj\u00edc\u00edho upraven\u00fd theme.json, HTML soubory \u0161ablon a jak\u00e9koli p\u0159idru\u017een\u00e9 assety. V\u00fdsledn\u00fd archiv lze nainstalovat na jinou instanci WordPressu p\u0159es pracovn\u00ed postup Vzhled \u2192 \u0160ablony \u2192 P\u0159idat novou \u2192 Nahr\u00e1t \u0161ablonu, \u010d\u00edm\u017e se reprodukuje designov\u00fd syst\u00e9m bez ru\u010dn\u00ed rekonfigurace. Pro \u00fa\u010dely z\u00e1lohy ulo\u017ete exportovan\u00fd ZIP spolu se sn\u00edmky datab\u00e1ze do verzovac\u00edho syst\u00e9mu nebo do off-site \u00falo\u017ei\u0161t\u011b, ozna\u010dte ka\u017ed\u00fd export datem a popisn\u00fdm \u0161t\u00edtkem (nap\u0159\u00edklad `portfolio-v2.3-2025-06-15.zip`). Tato praxe zaji\u0161\u0165uje, \u017ee itera\u010dn\u00ed n\u00e1vrhy z\u016fstanou obnoviteln\u00e9 a \u017ee propagace z stagingu do produkce zachovaj\u00ed p\u0159esn\u00fd vizu\u00e1ln\u00ed stav schv\u00e1len\u00fd zainteresovan\u00fdmi stranami. Pro hostingov\u00e1 prost\u0159ed\u00ed, kter\u00e1 to podporuj\u00ed, p\u00e1rov\u00e1n\u00ed export\u016f \u0161ablon se spravovan\u00fdm \u0159e\u0161en\u00edm z\u00e1loh, jako je to popsan\u00e9 v <a href=\"https:\/\/webmister.pro\/cz\/support-and-hosting\/\">Podpora &amp; Hosting<\/a>, p\u0159id\u00e1v\u00e1 dal\u0161\u00ed vrstvu redundance.<\/p>\n<div class=\"wm-faq\">\n<h2 id=\"faq-casto-kladene-otazky\">FAQ (\u010casto kladen\u00e9 ot\u00e1zky)<\/h2>\n<div class=\"wm-faq-item\">\n<h3 class=\"wm-faq-question\" id=\"jak-mohu-zobrazit-projekty-portfolia-po-prepnuti-temat\">&#8222;Jak mohu zobrazit projekty portfolia po p\u0159epnut\u00ed t\u00e9mat?&#8220;<\/h3>\n<div class=\"wm-faq-answer\">\n<p>T\u00e9mata zpracov\u00e1vaj\u00ed obsah portfolia r\u016fzn\u011b; n\u011bkter\u00e1 zahrnuj\u00ed \u0161ablony archivu projekt\u016f a shortkody portfolia, zat\u00edmco jin\u00e1 vy\u017eaduj\u00ed vytvo\u0159en\u00ed str\u00e1nky portfolia a p\u0159id\u00e1n\u00ed shortkodu po p\u0159epnut\u00ed. Zkontrolujte dokumentaci nov\u00e9ho t\u00e9matu pro \u0161ablony nebo bloky specifick\u00e9 pro portfolio. Pokud t\u00e9ma nem\u00e1 vestav\u011bnou podporu portfolia, m\u016f\u017ee b\u00fdt nutn\u00fd plugin nebo vlastn\u00ed \u0161ablona pro zobrazen\u00ed projekt\u016f.<\/p>\n<\/div>\n<\/div>\n<div class=\"wm-faq-item\">\n<h3 class=\"wm-faq-question\" id=\"je-mozne-zobrazit-text-a-obrazky-na-strance-portfolia\">&#8222;Je mo\u017en\u00e9 zobrazit text a obr\u00e1zky na str\u00e1nce portfolia?&#8220;<\/h3>\n<div class=\"wm-faq-answer\">\n<p>Ano, str\u00e1nky portfolia podporuj\u00ed jak text, tak obr\u00e1zky prost\u0159ednictv\u00edm blokov\u00e9ho editoru. M\u016f\u017eete p\u0159id\u00e1vat odstavce, nadpisy, bloky obr\u00e1zk\u016f, galerie a dal\u0161\u00ed medi\u00e1ln\u00ed bloky na str\u00e1nky projekt\u016f nebo \u0161ablony archiv\u016f. Editor webu umo\u017e\u0148uje p\u0159izp\u016fsobit tato rozlo\u017een\u00ed glob\u00e1ln\u011b pro konzistenci nap\u0159\u00ed\u010d v\u0161emi polo\u017ekami portfolia.<\/p>\n<\/div>\n<\/div>\n<div class=\"wm-faq-item\">\n<h3 class=\"wm-faq-question\" id=\"mohu-zmenit-pozadi-stranky-portfolia-z-cerneho-na-bile\">&#8222;Mohu zm\u011bnit pozad\u00ed str\u00e1nky portfolia z \u010dern\u00e9ho na b\u00edl\u00e9?&#8220;<\/h3>\n<div class=\"wm-faq-answer\">\n<p>V blokov\u00fdch t\u00e9matech v\u00e1m rozhran\u00ed Styly umo\u017e\u0148uje m\u011bnit barvy pozad\u00ed glob\u00e1ln\u011b nebo pro jednotliv\u00e9 \u0161ablony. Varianty styl\u016f zahrnuj\u00ed p\u0159edvolby barevn\u00e9 palety, kter\u00e9 mohou p\u0159ep\u00ednat pozad\u00ed z tmav\u00e9ho na sv\u011btl\u00fd re\u017eim. M\u016f\u017eete tak\u00e9 p\u0159izp\u016fsobit barvy p\u0159\u00edmo v Editoru webu bez zm\u011bny t\u00e9matu.<\/p>\n<\/div>\n<\/div>\n<div class=\"wm-faq-item\">\n<h3 class=\"wm-faq-question\" id=\"je-mozne-usporadat-projekty-do-konkretniho-poradi\">&#8222;Je mo\u017en\u00e9 uspo\u0159\u00e1dat projekty do konkr\u00e9tn\u00edho po\u0159ad\u00ed?&#8220;<\/h3>\n<div class=\"wm-faq-answer\">\n<p>Ve v\u00fdchoz\u00edm nastaven\u00ed jsou projekty portfolia se\u0159azeny podle data p\u0159id\u00e1n\u00ed s nejnov\u011bj\u0161\u00edmi jako prvn\u00ed, a neexistuje vestav\u011bn\u00e1 mo\u017enost \u0159azen\u00ed. Pro p\u0159izp\u016fsoben\u00ed po\u0159ad\u00ed byste museli upravit data publikace nebo pou\u017e\u00edt plugin, kter\u00fd p\u0159id\u00e1 \u0159azen\u00ed p\u0159eta\u017een\u00edm. N\u011bkter\u00e1 t\u00e9mata mohou nab\u00edzet vlastn\u00ed \u0159azen\u00ed prost\u0159ednictv\u00edm \u00faprav \u0161ablon.<\/p>\n<\/div>\n<\/div>\n<div class=\"wm-faq-item\">\n<h3 class=\"wm-faq-question\" id=\"jak-mohu-zobrazit-tri-loga-na-jednom-radku-a-deset-projektu-na-jedne-strance\">&#8222;Jak mohu zobrazit t\u0159i loga na jednom \u0159\u00e1dku a deset projekt\u016f na jedn\u00e9 str\u00e1nce?&#8220;<\/h3>\n<div class=\"wm-faq-answer\">\n<p>Pou\u017eijte bloky sloupc\u016f nebo m\u0159\u00ed\u017eky v blokov\u00e9m editoru k uspo\u0159\u00e1d\u00e1n\u00ed log do \u0159ady, a nastavte \u0161ablonu archivu portfolia tak, aby zobrazovala deset projekt\u016f na str\u00e1nku. Vzory \u0161ablon jako mo\u017enost portfolia Twenty Twenty-Four poskytuj\u00ed nastaviteln\u00e9 m\u0159\u00ed\u017ekov\u00e9 rozlo\u017een\u00ed. Glob\u00e1ln\u00ed styly ovl\u00e1daj\u00ed mezery a po\u010dty sloupc\u016f pro konzistentn\u00ed prezentaci.<\/p>\n<\/div>\n<\/div>\n<div class=\"wm-faq-item\">\n<h3 class=\"wm-faq-question\" id=\"existuje-zpusob-jak-upravit-sirku-postranniho-panelu\">&#8222;Existuje zp\u016fsob, jak upravit \u0161\u00ed\u0159ku postrann\u00edho panelu?&#8220;<\/h3>\n<div class=\"wm-faq-answer\">\n<p>Blokov\u00e1 t\u00e9mata umo\u017e\u0148uj\u00ed \u00fapravu \u0161\u00ed\u0159ky postrann\u00edho panelu p\u0159es rozhran\u00ed Styly, kter\u00e9 ovl\u00e1d\u00e1 rozlo\u017een\u00ed a mezery na cel\u00e9m webu. M\u016f\u017eete upravit \u010d\u00e1sti \u0161ablon obsahuj\u00edc\u00ed postrann\u00ed panely v Editoru webu, nebo pou\u017e\u00edt glob\u00e1ln\u00ed nastaven\u00ed styl\u016f pro \u0161\u00ed\u0159ky kontejner\u016f. Vlastn\u00ed \u0161ablony mohou tak\u00e9 definovat specifick\u00e9 rozm\u011bry postrann\u00edho panelu.<\/p>\n<\/div>\n<\/div>\n<div class=\"wm-faq-item\">\n<h3 class=\"wm-faq-question\" id=\"jaky-je-rozdil-mezi-projekty-portfolia-a-prispevky-blogu\">&#8222;Jak\u00fd je rozd\u00edl mezi projekty portfolia a p\u0159\u00edsp\u011bvky blogu?&#8220;<\/h3>\n<div class=\"wm-faq-answer\">\n<p>Projekty portfolia jsou statick\u00fd obsah, kter\u00fd se nezobrazuje v kan\u00e1lech, zat\u00edmco p\u0159\u00edsp\u011bvky blogu se v kan\u00e1lech zobrazuj\u00ed a pravd\u011bpodobn\u011bji se objevuj\u00ed ve v\u00fdsledc\u00edch vyhled\u00e1v\u00e1n\u00ed. Projekty se typicky pou\u017e\u00edvaj\u00ed pro \u010dasov\u011b nev\u00e1zan\u00e9 prezentace prac\u00ed, kde\u017eto p\u0159\u00edsp\u011bvky jsou chronologick\u00e9 a syndikovan\u00e9. Tento rozd\u00edl ovliv\u0148uje strategii obsahu a objevitelnost.<\/p>\n<\/div>\n<\/div>\n<div class=\"wm-faq-item\">\n<h3 class=\"wm-faq-question\" id=\"existuje-zpusob-jak-pouzit-obrazek-400x400-v-mrizce-portfolia-misto-obrazku-800x800\">&#8222;Existuje zp\u016fsob, jak pou\u017e\u00edt obr\u00e1zek 400\u00d7400 v m\u0159\u00ed\u017ece portfolia m\u00edsto obr\u00e1zku 800\u00d7800?&#8220;<\/h3>\n<div class=\"wm-faq-answer\">\n<p>N\u011bkter\u00e1 t\u00e9mata jako Perfect Portfolio pou\u017e\u00edvaj\u00ed kontejner m\u0159\u00ed\u017eky 400\u00d7400 pixel\u016f, ale o\u0159\u00edznou zobrazen\u00e9 obr\u00e1zky na 800\u00d7800 pixel\u016f, identifikovan\u00e9 jako &#8218;perfect-portfolio-square&#8216;. M\u016f\u017eete upravit velikosti obr\u00e1zk\u016f \u00fapravou nastaven\u00ed t\u00e9matu, pou\u017eit\u00edm vlastn\u00edch funkc\u00ed velikosti obr\u00e1zk\u016f nebo regenerov\u00e1n\u00edm n\u00e1hled\u016f po zm\u011bn\u011b rozm\u011br\u016f.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2 id=\"zdroje\">Zdroje<\/h2>\n<ul>\n<li><a href=\"https:\/\/wordpress.org\/documentation\/article\/twenty-twenty-four\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Twenty Twenty-Four Documentation<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Blokov\u00e9 \u0161ablony zm\u011bnily pravidla hry pro tvorbu portfolio web\u016f. M\u00edsto slo\u017eit\u00e9ho k\u00f3du nyn\u00ed sta\u010d\u00ed vybrat t\u00e9ma s p\u0159ipraven\u00fdmi portfolio vzory \u2013 jako Twenty Twenty-Four \u2013 a cel\u00fd vzhled doladit v Editoru webu wenigen kliknut\u00edm.<\/p>\n<p>\u010cl\u00e1nek v\u00e1m uk\u00e1\u017ee, na jak\u00e9 \u0161ablony a funkce si d\u00e1t pozor: od detailu projektu p\u0159es archiv a\u017e po 404 str\u00e1nku. Zjist\u00edte, jak vyu\u017e\u00edt glob\u00e1ln\u00ed styly pro jednotnou typografii a barvy, a pro\u010d stylov\u00e9 varianty (deset jich nab\u00edz\u00ed Twenty Twenty-Three) u\u0161et\u0159\u00ed hodiny ru\u010dn\u00ed pr\u00e1ce.<\/p>\n<p>P\u0159ipravili jsme i p\u0159ehled nejlep\u0161\u00edch blokov\u00fdch t\u00e9mat pro rok 2025 a tipy, jak revize \u0161ablon v WordPressu 6.5 chr\u00e1n\u00ed va\u0161i pr\u00e1ci p\u0159ed necht\u011bn\u00fdmi zm\u011bnami.<\/p>\n","protected":false},"author":5,"featured_media":12796,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[602],"tags":[2267,2268,2266,2269,533],"class_list":["post-12802","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-cz","tag-blokova-temata","tag-editor-webu","tag-portfolio-web","tag-stylova-varianta","tag-wordpress-sablony"],"acf":[],"_links":{"self":[{"href":"https:\/\/webmister.pro\/cz\/wp-json\/wp\/v2\/posts\/12802","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=12802"}],"version-history":[{"count":1,"href":"https:\/\/webmister.pro\/cz\/wp-json\/wp\/v2\/posts\/12802\/revisions"}],"predecessor-version":[{"id":12809,"href":"https:\/\/webmister.pro\/cz\/wp-json\/wp\/v2\/posts\/12802\/revisions\/12809"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webmister.pro\/cz\/wp-json\/wp\/v2\/media\/12796"}],"wp:attachment":[{"href":"https:\/\/webmister.pro\/cz\/wp-json\/wp\/v2\/media?parent=12802"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webmister.pro\/cz\/wp-json\/wp\/v2\/categories?post=12802"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webmister.pro\/cz\/wp-json\/wp\/v2\/tags?post=12802"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}