{"id":8096,"date":"2024-06-30T06:58:00","date_gmt":"2024-06-30T06:58:00","guid":{"rendered":"https:\/\/musilda.cz\/?p=8096"},"modified":"2024-06-30T06:58:00","modified_gmt":"2024-06-30T06:58:00","slug":"wordpress-gutenberg-vzory-evoluce-znovupouzitelnych-bloku","status":"publish","type":"post","link":"https:\/\/affinite.io\/cs\/wordpress-gutenberg-vzory-evoluce-znovupouzitelnych-bloku\/","title":{"rendered":"WordPress Gutenberg &#8211; vzory &#8211; evoluce znovupou\u017eiteln\u00fdch blok\u016f"},"content":{"rendered":"\n<p>Synchronizovan\u00e9 vzory(&#8222;Synced Patterns&#8220;) a vzory nahrazuj\u00ed opakovateln\u00e9 bloky od verze WordPressu 6.3(p\u0159edstaveny byly ji\u017e ve verzi 5.5). <\/p>\n\n\n\n<p>D\u00edky t\u011bmto vzor\u016fm jsme schopni vytvo\u0159it z\u00e1kladn\u00ed layout webov\u00fdch str\u00e1nek, abychom u ka\u017ed\u00e9 str\u00e1nky nemuseli za\u010d\u00ednat od nuly. P\u0159i spr\u00e1vn\u00e9m pou\u017eit\u00ed si m\u016f\u017eeme pr\u00e1ci v Gutenbergu pomoc\u00ed vzor\u016f v\u00fdrazn\u011b zjednodu\u0161it. <\/p>\n\n\n\n<p>Jsou dv\u011b skupiny Gutenberg vzor\u016f:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#vzory-bloku-v-gutenbergu\">Z\u00e1kladn\u00ed vzory<\/a><\/li>\n\n\n\n<li><a href=\"#synchronizovane-vzory-bloku-v-gutenbergu\">Synchronizovan\u00e9 vzory<\/a><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"vzory-bloku-v-gutenbergu\">Z\u00e1kladn\u00ed vzory blok\u016f v Gutenbergu<\/h3>\n\n\n\n<p>Pokud se vyhneme synchronizaci, ka\u017ed\u00fd vzor se chov\u00e1 zvl\u00e1\u0161\u0165. Pokud tedy na webu pou\u017e\u00edv\u00e1me vzor na v\u00edce m\u00edstech, m\u016f\u017eeme ka\u017ed\u00fd zvl\u00e1\u0161\u0165 editovat bez ovlivn\u011bn\u00ed ostatn\u00edch.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Vytvo\u0159en\u00ed vzoru<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Vytvo\u0159\u00edme si libovoln\u00fd blok, kter\u00fd nastylujeme:<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/gutenberg-prvni-vzor.png\"><img loading=\"lazy\" decoding=\"async\" width=\"925\" height=\"78\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/gutenberg-prvni-vzor.png\" alt=\"\" class=\"wp-image-8097\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/gutenberg-prvni-vzor.png 925w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/gutenberg-prvni-vzor-300x25.png 300w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/gutenberg-prvni-vzor-768x65.png 768w\" sizes=\"auto, (max-width: 925px) 100vw, 925px\" \/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>V horn\u00edm panelu n\u00e1stroj\u016f zvol\u00edme t\u0159i te\u010dky a klikneme na mo\u017enost &#8222;<strong>vytvo\u0159it vzor<\/strong>&#8222;.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-jak-vytvorit-vzor.png\"><img loading=\"lazy\" decoding=\"async\" width=\"924\" height=\"570\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-jak-vytvorit-vzor.png\" alt=\"\" class=\"wp-image-8098\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-jak-vytvorit-vzor.png 924w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-jak-vytvorit-vzor-300x185.png 300w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-jak-vytvorit-vzor-768x474.png 768w\" sizes=\"auto, (max-width: 924px) 100vw, 924px\" \/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"3\">\n<li>Vysko\u010d\u00ed na n\u00e1s okno, kam zad\u00e1me n\u00e1zev vzoru, od\u0161krtneme pole &#8222;Synchronizov\u00e1no&#8220; a p\u0159\u00edpadn\u011b zvol\u00edme rubriky.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/gutenberg-tvorba-vzoru-bez-synchronizace.png\"><img loading=\"lazy\" decoding=\"async\" width=\"347\" height=\"443\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/gutenberg-tvorba-vzoru-bez-synchronizace.png\" alt=\"\" class=\"wp-image-8099\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/gutenberg-tvorba-vzoru-bez-synchronizace.png 347w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/gutenberg-tvorba-vzoru-bez-synchronizace-235x300.png 235w\" sizes=\"auto, (max-width: 347px) 100vw, 347px\" \/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"4\">\n<li>Ve fin\u00e1le m\u00e1me n\u00e1\u0161 prvn\u00ed vytvo\u0159en\u00fd vzor, kter\u00fd m\u016f\u017eeme kdekoliv na webu libovoln\u011b pou\u017e\u00edvat. Najdeme jej n\u00e1sledovn\u011b:<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-navod-na-vytvareni-vzorupng.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"547\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-navod-na-vytvareni-vzorupng-1024x547.png\" alt=\"\" class=\"wp-image-8100\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-navod-na-vytvareni-vzorupng-1024x547.png 1024w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-navod-na-vytvareni-vzorupng-300x160.png 300w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-navod-na-vytvareni-vzorupng-768x410.png 768w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-navod-na-vytvareni-vzorupng.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"synchronizovane-vzory-bloku-v-gutenbergu\">Synchronizovan\u00e9 vzory blok\u016f v Gutenbergu<\/h3>\n\n\n\n<p>Synchronizovan\u00e9 vzory v sob\u011b skr\u00fdvaj\u00ed neskute\u010dn\u00fd potenci\u00e1l. Pokud jej vytvo\u0159\u00edme a n\u00e1sledn\u011b pou\u017eijeme na v\u00edce m\u00edstech, budou na sob\u011b z\u00e1visl\u00e9. <\/p>\n\n\n\n<p>T\u00edmto si dok\u00e1\u017eeme usnadnit pr\u00e1ci p\u0159i editaci webu. Kdy\u017e budeme nap\u0159\u00edklad pot\u0159ebovat zm\u011bnit barvu pozad\u00ed webov\u00fdch str\u00e1nek, zm\u011bny se aplikuj\u00ed glob\u00e1ln\u011b, a nemus\u00edme tak barvu m\u011bnit ka\u017ed\u00e9mu jednotliv\u00e9mu elementu. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Vytvo\u0159en\u00ed synchronizovan\u00e9ho vzoru<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Postup je stejn\u00fd jako v p\u0159edchoz\u00edm p\u0159\u00edpad\u011b, akor\u00e1t p\u0159i vytv\u00e1\u0159en\u00ed nech\u00e1me mo\u017enost &#8222;Synchronizov\u00e1no&#8220; za\u0161krtnutou.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/gutenberg-synchronizovany-blok.png\"><img loading=\"lazy\" decoding=\"async\" width=\"923\" height=\"573\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/gutenberg-synchronizovany-blok.png\" alt=\"\" class=\"wp-image-8103\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/gutenberg-synchronizovany-blok.png 923w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/gutenberg-synchronizovany-blok-300x186.png 300w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/gutenberg-synchronizovany-blok-768x477.png 768w\" sizes=\"auto, (max-width: 923px) 100vw, 923px\" \/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>Pokud blok kdekoliv jinde na webu pou\u017eijeme, bude se chovat jako glob\u00e1ln\u00ed. Uprav\u00edme-li jeden blok, ostatn\u00ed se mu p\u0159izp\u016fsob\u00ed a naopak.<\/li>\n<\/ol>\n\n\n\n<p>To, \u017ee je vzor glob\u00e1ln\u00ed zjist\u00edme pomoc\u00ed fialov\u00e9 ikonky u bloku.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/globalni-vzor-v-gutenbergu.png\"><img loading=\"lazy\" decoding=\"async\" width=\"829\" height=\"144\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/globalni-vzor-v-gutenbergu.png\" alt=\"\" class=\"wp-image-8104\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/globalni-vzor-v-gutenbergu.png 829w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/globalni-vzor-v-gutenbergu-300x52.png 300w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/globalni-vzor-v-gutenbergu-768x133.png 768w\" sizes=\"auto, (max-width: 829px) 100vw, 829px\" \/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Jak u bloku zru\u0161it synchronizaci?<\/h4>\n\n\n\n<p>Pokud nechceme, aby \u00faprava individu\u00e1ln\u00edho bloku ovliv\u0148ovala vzory ostatn\u00edch blok\u016f, m\u016f\u017eeme u bloku jednodu\u0161e vypnou glob\u00e1ln\u00ed chov\u00e1n\u00ed(mo\u017enost &#8222;Odpojit vzor&#8220;).<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/gutenberg-jak-odpojit-vzor.png\"><img loading=\"lazy\" decoding=\"async\" width=\"830\" height=\"486\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/gutenberg-jak-odpojit-vzor.png\" alt=\"\" class=\"wp-image-8105\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/gutenberg-jak-odpojit-vzor.png 830w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/gutenberg-jak-odpojit-vzor-300x176.png 300w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/gutenberg-jak-odpojit-vzor-768x450.png 768w\" sizes=\"auto, (max-width: 830px) 100vw, 830px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Jak a kde vzory spravovat?<\/h2>\n\n\n\n<p>U vzoru zvol\u00edme mo\u017enost &#8222;Spr\u00e1va vzor\u016f&#8220;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/sprava-vzoru-v-gutenbergu.png\"><img loading=\"lazy\" decoding=\"async\" width=\"829\" height=\"483\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/sprava-vzoru-v-gutenbergu.png\" alt=\"\" class=\"wp-image-8106\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/sprava-vzoru-v-gutenbergu.png 829w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/sprava-vzoru-v-gutenbergu-300x175.png 300w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/sprava-vzoru-v-gutenbergu-768x447.png 768w\" sizes=\"auto, (max-width: 829px) 100vw, 829px\" \/><\/a><\/figure>\n\n\n\n<p>N\u00e1sledn\u011b jsme odk\u00e1z\u00e1ni na str\u00e1nku s v\u00fdpisem v\u0161ech vytvo\u0159en\u00fdch vzor\u016f, kter\u00e9 m\u016f\u017eeme editovat. U synchronizovan\u00fdch vzor\u016f se zm\u011bny projev\u00ed op\u011bt glob\u00e1ln\u011b.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/sprava-vzoru.png\"><img loading=\"lazy\" decoding=\"async\" width=\"417\" height=\"312\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/sprava-vzoru.png\" alt=\"\" class=\"wp-image-8107\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/sprava-vzoru.png 417w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/sprava-vzoru-300x224.png 300w\" sizes=\"auto, (max-width: 417px) 100vw, 417px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Jak p\u0159ev\u00e9zt vzory na jin\u00fd web?<\/h2>\n\n\n\n<p>Ve spr\u00e1v\u011b vzor\u016f m\u00e1me u ka\u017ed\u00e9ho vzoru mo\u017enost jej vyexportovat ve form\u00e1tu JSON.<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"1\">\n<li>Vzor exportujeme do na\u0161eho po\u010d\u00edta\u010de<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/export-json-vzoru-z-gutenbergu.png\"><img loading=\"lazy\" decoding=\"async\" width=\"425\" height=\"60\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/export-json-vzoru-z-gutenbergu.png\" alt=\"\" class=\"wp-image-8108\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/export-json-vzoru-z-gutenbergu.png 425w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/export-json-vzoru-z-gutenbergu-300x42.png 300w\" sizes=\"auto, (max-width: 425px) 100vw, 425px\" \/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>P\u0159ejdeme na web, ve kter\u00e9m chceme dan\u00fd vzor pou\u017e\u00edvat.<\/li>\n\n\n\n<li>Otev\u0159eme spr\u00e1vu vzor\u016f a zvol\u00edme mo\u017enost &#8222;Importovat z JSON&#8220;<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/jak-importovat-vzory-z-json-ve-wordpressu.png\"><img loading=\"lazy\" decoding=\"async\" width=\"343\" height=\"45\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/jak-importovat-vzory-z-json-ve-wordpressu.png\" alt=\"\" class=\"wp-image-8109\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/jak-importovat-vzory-z-json-ve-wordpressu.png 343w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/jak-importovat-vzory-z-json-ve-wordpressu-300x39.png 300w\" sizes=\"auto, (max-width: 343px) 100vw, 343px\" \/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"4\">\n<li>Po \u00fasp\u011b\u0161n\u00e9m importu a znovu na\u010dten\u00ed str\u00e1nky by m\u011bl b\u00fdt nahran\u00fd vzor viditeln\u00fd a pou\u017eiteln\u00fd.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Jak\u00e9 jsou v\u00fdhody Gutenberg vzor\u016f?<\/h2>\n\n\n\n<p>Hlavn\u00ed v\u00fdhodou Gutenberg vzor\u016f je znovupou\u017eit\u00ed na ostatn\u00edch webov\u00fdch str\u00e1nk\u00e1ch WordPressu. Ji\u017e nikdy nemus\u00edme s prac\u00ed za\u010d\u00ednat od nuly, a m\u016f\u017eeme tak kdykoliv pou\u017e\u00edt n\u011bkter\u00e9 \u010d\u00e1sti ji\u017e existuj\u00edc\u00ed \u0161ablony.<\/p>\n\n\n\n<p>V\u0161echny vzory lze pou\u017e\u00edvat bez extern\u00edch plugin\u016f! To m\u00e1 v\u00fdhodu v tom, \u017ee nebudeme m\u00edt \u017e\u00e1dn\u00e9 probl\u00e9my s kompatibilitou, proto\u017ee vzory v Gutenbergu byly p\u0159edstaveny jako z\u00e1kladn\u00ed funkce WordPressu.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Knihovna ji\u017e vytvo\u0159en\u00fdch vzor\u016f<\/h2>\n\n\n\n<p>Pokud p\u0159i tvorb\u011b webov\u00fdch str\u00e1nek v Gutenbergu hled\u00e1te inspiraci, nebo se V\u00e1m nechce za\u010d\u00ednat od nuly, m\u016f\u017eete vyu\u017e\u00edt n\u011bkter\u00e9 z vytvo\u0159en\u00fdch vzor\u016f, kter\u00e9 u\u017eivatel\u00e9 sd\u00edlely na ofici\u00e1ln\u00edch str\u00e1nk\u00e1ch WordPressu. <\/p>\n\n\n\n<p>Knihovna je k dispozici <a href=\"https:\/\/cs.wordpress.org\/patterns\/\" target=\"_blank\" rel=\"noopener\">zde<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/03\/vzory-pro-gutenberg.png\"><img loading=\"lazy\" decoding=\"async\" width=\"974\" height=\"728\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/03\/vzory-pro-gutenberg.png\" alt=\"\" class=\"wp-image-8114\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/03\/vzory-pro-gutenberg.png 974w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/03\/vzory-pro-gutenberg-300x224.png 300w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/03\/vzory-pro-gutenberg-768x574.png 768w\" sizes=\"auto, (max-width: 974px) 100vw, 974px\" \/><\/a><\/figure>\n\n\n\n<p>Po rozkliknut\u00ed libovoln\u00e9ho vzoru jej pomoc\u00ed tla\u010d\u00edtka m\u016f\u017eeme jednodu\u0161e zkop\u00edrovat, a n\u00e1sledn\u011b vlo\u017eit na n\u00e1\u0161 web.<\/p>\n\n\n\n<p>N\u011bkdy m\u016f\u017eeme naj\u00edt i \u0161ablony, kter\u00e9 poskytuj\u00ed vzory ke sta\u017een\u00ed. P\u0159\u00edkladem m\u016f\u017ee b\u00fdt \u0161ablona Frost. N\u011bkter\u00e9 z\u00e1kladn\u00ed vzory t\u00e9to \u0161ablony si n\u00ed\u017ee uk\u00e1\u017eeme.<\/p>\n\n\n\n<p><strong>Z\u00e1kladn\u00ed vzory:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/frostwp.com\/patterns\/author-box\/\" target=\"_blank\" rel=\"noopener\">O autorovi<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/frostwp.com\/patterns\/notification-bar\/\" target=\"_blank\" rel=\"noopener\">Notifika\u010dn\u00ed bar<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/frostwp.com\/patterns\/portfolio\/\" target=\"_blank\" rel=\"noopener\">Portfolio<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/frostwp.com\/patterns\/pricing-table\/\" target=\"_blank\" rel=\"noopener\">Tabulky s cen\u00edkem<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/frostwp.com\/patterns\/team-members\/\" target=\"_blank\" rel=\"noopener\">\u010clenov\u00e9 t\u00fdmu<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/frostwp.com\/patterns\/testimonials\/\" target=\"_blank\" rel=\"noopener\">Cit\u00e1ty<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/frostwp.com\/patterns\/hero-section\/\" target=\"_blank\" rel=\"noopener\">Hero sekce<\/a><\/li>\n<\/ul>\n\n\n\n<p>Pokud s Gutenbergem teprve za\u010d\u00edn\u00e1te, bude nejsp\u00ed\u0161e t\u011b\u017ek\u00e9 si na vzory a jejich znovupou\u017eit\u00ed zvyknout. Alespo\u0148 za zkou\u0161ku v\u0161ak rozhodn\u011b stoj\u00ed, a pokud je za\u010dnete aktivn\u011b pou\u017e\u00edvat, vytvo\u0159\u00edte v\u017edy udr\u017eiteln\u00fd jednotn\u00fd vzhled a styl nap\u0159\u00ed\u010d cel\u00fdm webem. Nav\u00edc p\u0159i tvorb\u011b nov\u00fdch web\u016f ji\u017e nikdy nebudete muset za\u010d\u00ednat od nuly. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Synchronizovan\u00e9 vzory(&#8222;Synced Patterns&#8220;) a vzory nahrazuj\u00ed opakovateln\u00e9 bloky od verze WordPressu 6.3(p\u0159edstaveny byly ji\u017e ve verzi 5.5). D\u00edky t\u011bmto vzor\u016fm jsme schopni vytvo\u0159it z\u00e1kladn\u00ed layout webov\u00fdch str\u00e1nek, abychom u ka\u017ed\u00e9 str\u00e1nky nemuseli za\u010d\u00ednat od nuly. P\u0159i spr\u00e1vn\u00e9m pou\u017eit\u00ed si m\u016f\u017eeme pr\u00e1ci v Gutenbergu pomoc\u00ed vzor\u016f v\u00fdrazn\u011b zjednodu\u0161it. Jsou dv\u011b skupiny Gutenberg vzor\u016f: Z\u00e1kladn\u00ed vzory blok\u016f<\/p>\n","protected":false},"author":1,"featured_media":8111,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","footnotes":""},"categories":[30],"tags":[187,495],"class_list":["post-8096","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-gutenberg","tag-wordpress-gutenberg"],"acf":[],"uagb_featured_image_src":{"full":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-vzory.png",1200,800,false],"thumbnail":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-vzory-150x150.png",150,150,true],"medium":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-vzory-300x200.png",300,200,true],"medium_large":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-vzory-768x512.png",640,427,true],"large":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-vzory-1024x683.png",640,427,true],"1536x1536":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-vzory.png",1200,800,false],"2048x2048":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-vzory.png",1200,800,false],"archive-list":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-vzory-400x265.png",400,265,true]},"uagb_author_info":{"display_name":"Affinite","author_link":"https:\/\/affinite.io\/cs\/author\/affinite\/"},"uagb_comment_info":0,"uagb_excerpt":"Synchronizovan\u00e9 vzory(&#8222;Synced Patterns&#8220;) a vzory nahrazuj\u00ed opakovateln\u00e9 bloky od verze WordPressu 6.3(p\u0159edstaveny byly ji\u017e ve verzi 5.5). D\u00edky t\u011bmto vzor\u016fm jsme schopni vytvo\u0159it z\u00e1kladn\u00ed layout webov\u00fdch str\u00e1nek, abychom u ka\u017ed\u00e9 str\u00e1nky nemuseli za\u010d\u00ednat od nuly. P\u0159i spr\u00e1vn\u00e9m pou\u017eit\u00ed si m\u016f\u017eeme pr\u00e1ci v Gutenbergu pomoc\u00ed vzor\u016f v\u00fdrazn\u011b zjednodu\u0161it. Jsou dv\u011b skupiny Gutenberg vzor\u016f: Z\u00e1kladn\u00ed vzory blok\u016f","_links":{"self":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/posts\/8096","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/comments?post=8096"}],"version-history":[{"count":0,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/posts\/8096\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/media\/8111"}],"wp:attachment":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/media?parent=8096"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/categories?post=8096"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/tags?post=8096"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}