{"id":6381,"date":"2021-10-19T10:04:00","date_gmt":"2021-10-19T10:04:00","guid":{"rendered":"https:\/\/musilda.cz\/?p=6381"},"modified":"2021-10-19T10:04:00","modified_gmt":"2021-10-19T10:04:00","slug":"prestaveni-nove-defaultni-sablony-twenty-twenty-two","status":"publish","type":"post","link":"https:\/\/affinite.io\/cs\/prestaveni-nove-defaultni-sablony-twenty-twenty-two\/","title":{"rendered":"P\u0159estaven\u00ed nov\u00e9 defaultn\u00ed \u0161ablony Twenty Twenty-Two"},"content":{"rendered":"\n

Nov\u00e1 „v\u00fdchoz\u00ed“ \u0161ablona Twenty Twenty-Two, kter\u00e1 bude distribuov\u00e1na s WordPressem 5.9, byla p\u0159edstavena na WordPress.org.
<\/p>\n\n\n\n

To \u017ee je \u0161ablona zam\u011b\u0159en\u00e1 na siln\u00e9 designov\u00e9 prvky, font pro nadpisy byl pou\u017eit Source Serif Pro a \u017ee inspirac\u00ed byli pt\u00e1\u010dkov\u00e9, kte\u0159\u00ed jsou ostatn\u011b na obr\u00e1zc\u00edch, toho si na internetu p\u0159e\u010dtete hromadu v jin\u00fdch \u010dl\u00e1nc\u00edch. <\/p>\n\n\n\n

J\u00e1 se zam\u011b\u0159\u00edm na to, \u017ee jde o \u0161ablonu, kter\u00e1 bude podporovat tzv. full site editing a global styles. <\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Full site editing a global styles jsou vylep\u0161en\u00ed, kter\u00e1 souvis\u00ed s Gutenbergem. Tak jak se posouv\u00e1 v\u00fdvoj editoru, dostal se WordPress do f\u00e1ze, kdy chce b\u00fdt co nejv\u00edce p\u0159ibl\u00ed\u017een webpage builder\u016fm, jako jsou Elementor, nebo Oxygen. <\/p>\n\n\n\n

Ono to asi nikdy nebude \u00fapln\u011b stejn\u00e9, ale ten trend je jasn\u00fd – editovat v\u0161e co jde v Gutenbergu. <\/p>\n\n\n\n

A to je prvn\u00ed v\u011bc, kter\u00e1 se v\u00e1m p\u0159ipomene po aktivaci \u0161ablony:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Tak\u017ee si nejd\u0159\u00edv nainstaluji plugin Gutenberg. Pokud si \u0159\u00edk\u00e1te, \u017ee ten je p\u0159ece sou\u010d\u00e1st\u00ed WordPressu, tak to tak \u00fapln\u011b nen\u00ed. V pluginu jsou funkce, kter\u00e9 editor ve WordPressu je\u0161t\u011b neobsahuje. <\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Prvn\u00ed co v\u00e1s „trkne“ po aktivaci \u0161ablony, je zm\u011bna submenu Vzhled a nov\u00e1 polo\u017eka Site Editor. <\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Editoru se budeme v\u011bnovat jindy, tak\u017ee si v n\u011bm najdeme menu se str\u00e1nkami a tam vlezeme do Twenty Twenty-Two str\u00e1nky, kterou jsem vytvo\u0159il pro testov\u00e1n\u00ed:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Na lev\u00e9 stran\u011b je so zobraz\u00edme v\u0161echny bloky, stejn\u011b jako v Gutenbergu a v z\u00e1lo\u017ece P\u0159edlohy najdete v\u00fdb\u011bru ji\u017e p\u0159ipraven\u00fdch blok\u016f, kter\u00e9 jsou sou\u010d\u00e1st\u00ed \u0161ablony. J\u00e1 jsem si pro uk\u00e1zku vybral About page with media on left.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Cel\u00fd p\u0159ipraven\u00fd design je mo\u017en\u00e9 po vlo\u017een\u00ed upravovat stejn\u011b jako bloky v Gutenbergu, tak\u017ee z tohto pohledu to je za m\u011b \u00fapln\u011b skv\u011bl\u00e9.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Jak m\u016f\u017eete vid\u011bt, \u0161ablona siln\u011b zam\u011b\u0159ila na pr\u00e1ci s editorem a to sebou nese je\u0161t\u011b jednu v\u011bc, kter\u00e1 v\u00e1s m\u016f\u017ee zasko\u010dit. <\/p>\n\n\n\n

Struktura soubor\u016f je \u00fapln\u011b jin\u00e1, ne\u017e na co jste zvykl\u00ed:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Jak m\u016f\u017eete vid\u011bt, tak zde nejsou \u017e\u00e1dn\u00e9 soubory, jako page.php, single.php, atd. P\u0159edpokl\u00e1d\u00e1 se, \u017ee v\u011bt\u0161inu z obsahu budete skl\u00e1dat pomoc\u00ed Gutenbergu. <\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

To sam\u00e9 plat\u00ed i o slo\u017ek\u00e1ch, kter\u00e9 obsahuj\u00ed bloky p\u0159ipraven\u00e9 pro editor, tak\u017ee va\u0161e pr\u00e1ce s k\u00f3dem se velmi zm\u011bn\u00ed. Je to za mne asi nejv\u011bt\u0161\u00ed zm\u011bna v pr\u00e1ci se \u0161ablonami, kter\u00e1 n\u00e1s \u010dek\u00e1 a bude tu pom\u011brn\u011b dlouh\u00e9 obdob\u00ed, ne\u017e na nov\u00fd standart p\u0159ejdou kod\u00e9\u0159i a v\u00fdvoj\u00e1\u0159i. <\/p>\n\n\n\n

Nov\u00e9 soubory maj\u00ed toti\u017e pon\u011bkud odli\u0161n\u00fd k\u00f3d, ne\u017e ty na kter\u00e9 jste si zvykli:<\/p>\n\n\n\n

<!-- wp:template-part {\"slug\":\"header\",\"tagName\":\"header\",\"style\":{\"spacing\":{\"padding\":{\"right\":\"max(1.25rem, 5vw)\",\"left\":\"max(1.25rem, 5vw)\"}}},\"layout\":{\"inherit\":true}} \/-->\n\n<!-- wp:group {\"tagName\":\"main\",\"style\":{\"spacing\":{\"padding\":{\"right\":\"max(1.25rem, 5vw)\",\"left\":\"max(1.25rem, 5vw)\"}}}} -->\n<main class=\"wp-block-group\" style=\"padding-right:max(1.25rem, 5vw);padding-left:max(1.25rem, 5vw)\"><!-- wp:group {\"layout\":{\"inherit\":true}} -->\n<div class=\"wp-block-group\"><!-- wp:heading {\"style\":{\"typography\":{\"fontSize\":\"clamp(4rem, 40vw, 20rem)\",\"fontWeight\":\"200\",\"lineHeight\":\"0\"}},\"className\":\"has-text-align-center\"} -->\n<h2 class=\"has-text-align-center\" style=\"font-size:clamp(4rem, 40vw, 20rem);font-weight:200;line-height:0\">404<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"align\":\"center\"} -->\n<p class=\"has-text-align-center\">This page could not be found.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:search {\"label\":\"Search\",\"showLabel\":false,\"width\":50,\"widthUnit\":\"%\",\"buttonText\":\"Search\",\"buttonUseIcon\":true,\"align\":\"center\"} \/-->\n\n<!-- wp:spacer {\"height\":128} -->\n<div style=\"height:128px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer --><\/div>\n<!-- \/wp:group --><\/main>\n<!-- \/wp:group -->\n\n<!-- wp:template-part {\"slug\":\"footer\",\"tagName\":\"footer\",\"style\":{\"spacing\":{\"padding\":{\"right\":\"max(1.25rem, 5vw)\",\"left\":\"max(1.25rem, 5vw)\"}}},\"layout\":{\"inherit\":true}} \/--><\/code><\/pre>\n\n\n\n

Toto je konkr\u00e9tn\u011b zdrojov\u00fd k\u00f3d souboru 404.html ve slo\u017ece block-templates.<\/p>\n\n\n\n

Na z\u00e1v\u011br je\u0161t\u011b screen blok\u016f, kter\u00e9 \u0161ablona obsahuje:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

Nov\u00e1 „v\u00fdchoz\u00ed“ \u0161ablona Twenty Twenty-Two, kter\u00e1 bude distribuov\u00e1na s WordPressem 5.9, byla p\u0159edstavena na WordPress.org. To \u017ee je \u0161ablona zam\u011b\u0159en\u00e1 na siln\u00e9 designov\u00e9 prvky, font pro nadpisy byl pou\u017eit Source Serif Pro a \u017ee inspirac\u00ed byli pt\u00e1\u010dkov\u00e9, kte\u0159\u00ed jsou ostatn\u011b na obr\u00e1zc\u00edch, toho si na internetu p\u0159e\u010dtete hromadu v jin\u00fdch \u010dl\u00e1nc\u00edch. J\u00e1 se zam\u011b\u0159\u00edm na<\/p>\n","protected":false},"author":1,"featured_media":6382,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[45,32],"tags":[],"class_list":["post-6381","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-free-sablony","category-wordpress-sablony"],"_links":{"self":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/posts\/6381"}],"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=6381"}],"version-history":[{"count":0,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/posts\/6381\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/media\/6382"}],"wp:attachment":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/media?parent=6381"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/categories?post=6381"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/tags?post=6381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}