{"id":7914,"date":"2024-03-06T07:35:16","date_gmt":"2024-03-06T07:35:16","guid":{"rendered":"https:\/\/musilda.cz\/?p=7914"},"modified":"2024-03-06T07:35:16","modified_gmt":"2024-03-06T07:35:16","slug":"wordpress-gutenberg-zakladni-bloky-treti-cast-rozlozeni","status":"publish","type":"post","link":"https:\/\/affinite.io\/cs\/wordpress-gutenberg-zakladni-bloky-treti-cast-rozlozeni\/","title":{"rendered":"WordPress Gutenberg \u2013 z\u00e1kladn\u00ed bloky t\u0159et\u00ed \u010d\u00e1st &#8211; rozlo\u017een\u00ed"},"content":{"rendered":"\n<p>V p\u0159ede\u0161l\u00e9m \u010dl\u00e1nku jsme si uvedli Gutenberg bloky pro vkl\u00e1d\u00e1n\u00ed multim\u00e9di\u00ed. Dnes se zam\u011b\u0159\u00edme \u010dist\u011b na prvky rozlo\u017een\u00ed a na dal\u0161\u00ed v\u011bci s n\u00edm spojen\u00e9.<\/p>\n\n\n\n<p>P\u0159ede\u0161l\u00fd \u010dl\u00e1nek o Gutenberg bloc\u00edch pro multim\u00e9dia najdete <a href=\"\/wordpress-gutenberg-zakladni-bloky-druha-cast\">zde<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Prvky rozlo\u017een\u00ed<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#blok-sloupce\">Blok sloupce<\/a><\/li>\n\n\n\n<li><a href=\"#blok-media-a-text\">Blok m\u00e9dia a text<\/a><\/li>\n\n\n\n<li><a href=\"#blok-tlacitka\">Blok tla\u010d\u00edtka<\/a><\/li>\n\n\n\n<li><a href=\"#blok-pokracovani-textu\">Blok pokra\u010dov\u00e1n\u00ed textu<\/a><\/li>\n\n\n\n<li><a href=\"#blok-rozdeleni-stranky\">Blok rozd\u011blen\u00ed str\u00e1nky<\/a><\/li>\n\n\n\n<li><a href=\"#blok-vodorovna-cara-oddelovac\">Blok vodorovn\u00e1 \u010d\u00e1ra \/ odd\u011blova\u010d<\/a><\/li>\n\n\n\n<li><a href=\"#blok-mezera\">Blok mezera<\/a><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"blok-sloupce\">Blok sloupce<\/h3>\n\n\n\n<p>M\u016f\u017eeme si zvolit jeden z t\u011bchto p\u0159edp\u0159ipraven\u00fdch layout\u016f, nebo si pozd\u011bji nastavit vlastn\u00ed \u0161\u00ed\u0159ku jednotliv\u00fdch sloupc\u016f. Do ka\u017ed\u00e9ho sloupce m\u016f\u017eeme p\u0159id\u00e1vat libovoln\u00fd po\u010det prvk\u016f.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/01\/wordpress-gutenberg-blok-sloupce.png\"><img loading=\"lazy\" decoding=\"async\" width=\"847\" height=\"340\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/01\/wordpress-gutenberg-blok-sloupce.png\" alt=\"\" class=\"wp-image-7806\" style=\"width:735px;height:auto\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/01\/wordpress-gutenberg-blok-sloupce.png 847w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/01\/wordpress-gutenberg-blok-sloupce-300x120.png 300w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/01\/wordpress-gutenberg-blok-sloupce-768x308.png 768w\" sizes=\"(max-width: 847px) 100vw, 847px\" \/><\/a><\/figure><\/div>\n\n\n<p>Pro uk\u00e1zku si n\u00ed\u017ee vyzkou\u0161\u00edme rozpolo\u017een\u00ed 25 \/ 50 \/ 25. Nastaven\u00ed horn\u00edho panelu se m\u011bn\u00ed podle toho, jestli m\u00e1me vybran\u00e9 v\u0161echny sloupce, nebo pouze jeden individu\u00e1ln\u00ed.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Nastaven\u00ed v\u0161ech sloupc\u016f<\/h4>\n\n\n\n<p>V horn\u00edm panelu m\u016f\u017eeme m\u011bnit rozpolo\u017een\u00ed sloupc\u016f, zvolit \u0161\u00ed\u0159ku sekce, a zm\u011bnit svisl\u00e9 zarovn\u00e1n\u00ed:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/01\/wordpress-gutenberg-blok-sloupce-nastaveni.png\"><img loading=\"lazy\" decoding=\"async\" width=\"847\" height=\"214\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/01\/wordpress-gutenberg-blok-sloupce-nastaveni.png\" alt=\"\" class=\"wp-image-7807\" style=\"width:735px;height:auto\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/01\/wordpress-gutenberg-blok-sloupce-nastaveni.png 847w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/01\/wordpress-gutenberg-blok-sloupce-nastaveni-300x76.png 300w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/01\/wordpress-gutenberg-blok-sloupce-nastaveni-768x194.png 768w\" sizes=\"(max-width: 847px) 100vw, 847px\" \/><\/a><\/figure><\/div>\n\n\n<p>V bo\u010dn\u00edm panelu pak m\u016f\u017eeme zvolit celkov\u00fd po\u010det sloupc\u016f a mo\u017enost za\u0161krtnout &#8222;Seskupit na mobilu&#8220;(na mobilu se sloupce p\u0159ehod\u00ed pod sebe). Pak u\u017e je zde pouze mo\u017enost stylov\u00e1n\u00ed(pozad\u00ed, typografie&#8230;):<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/01\/wordpress-gutenberg-blok-sloupce-bocni-nastaveni.png\"><img loading=\"lazy\" decoding=\"async\" width=\"261\" height=\"492\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/01\/wordpress-gutenberg-blok-sloupce-bocni-nastaveni.png\" alt=\"\" class=\"wp-image-7808\" style=\"width:339px;height:auto\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/01\/wordpress-gutenberg-blok-sloupce-bocni-nastaveni.png 261w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/01\/wordpress-gutenberg-blok-sloupce-bocni-nastaveni-159x300.png 159w\" sizes=\"(max-width: 261px) 100vw, 261px\" \/><\/a><\/figure><\/div>\n\n\n<h4 class=\"wp-block-heading\">Nastaven\u00ed individu\u00e1ln\u00edho sloupce<\/h4>\n\n\n\n<p>Ka\u017ed\u00fd sloupec m\u016f\u017eeme editovat zvl\u00e1\u0161\u0165. Vybereme jej, a uk\u00e1\u017eeme si mo\u017en\u00e1 nastaven\u00ed. <\/p>\n\n\n\n<p>V horn\u00edm panelu m\u016f\u017eeme pomoc\u00ed \u0161ipek p\u0159esouvat sloupce a m\u011bnit svisl\u00e9 zarovn\u00e1n\u00ed.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/01\/wordpress-gutenberg-blok-sloupec-nastaveni.png\"><img loading=\"lazy\" decoding=\"async\" width=\"279\" height=\"214\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/01\/wordpress-gutenberg-blok-sloupec-nastaveni.png\" alt=\"\" class=\"wp-image-7809\" style=\"width:337px;height:auto\" \/><\/a><\/figure><\/div>\n\n\n<p>V nastaven\u00ed prav\u00e9ho panelu n\u00e1stroj\u016f pak najdeme mo\u017enost m\u011bnit \u0161\u00ed\u0159ku dan\u00e9ho sloupce. Stejn\u011b jako u bloku sloup\u016f je zde i mo\u017enost individu\u00e1ln\u00edho sylov\u00e1n\u00ed.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/01\/wordpress-gutenberg-blok-sloupec-nastaveni-praveho-panelu.png\"><img loading=\"lazy\" decoding=\"async\" width=\"270\" height=\"329\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/01\/wordpress-gutenberg-blok-sloupec-nastaveni-praveho-panelu.png\" alt=\"\" class=\"wp-image-7810\" style=\"width:328px;height:auto\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/01\/wordpress-gutenberg-blok-sloupec-nastaveni-praveho-panelu.png 270w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/01\/wordpress-gutenberg-blok-sloupec-nastaveni-praveho-panelu-246x300.png 246w\" sizes=\"(max-width: 270px) 100vw, 270px\" \/><\/a><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\" id=\"blok-media-a-text\">Blok m\u00e9dia a text<\/h3>\n\n\n\n<p>Jednodu\u0161e obr\u00e1zek vedle textu. Blok je defaultn\u011b nastaven\u00fd na zarovn\u00e1n\u00ed pod sebe na mobiln\u00edch za\u0159\u00edzen\u00edch.<\/p>\n\n\n\n<p>V horn\u00edm panelu m\u016f\u017eeme m\u011bnit zarovn\u00e1n\u00ed, svisl\u00e9 zarovn\u00e1n\u00ed a p\u0159edev\u0161\u00edm m\u016f\u017eeme prohazovat stranu textu a obr\u00e1zku.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-media-a-text-responzivita.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"600\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-media-a-text-responzivita.png\" alt=\"\" class=\"wp-image-7858\" style=\"width:735px;height:auto\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-media-a-text-responzivita.png 1200w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-media-a-text-responzivita-300x150.png 300w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-media-a-text-responzivita-1024x512.png 1024w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-media-a-text-responzivita-768x384.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/a><\/figure><\/div>\n\n\n<p>V bo\u010dn\u00edm panelu pak naraz\u00edme na n\u00e1sleduj\u00edc\u00ed mo\u017enosti:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Seskupit na mobilu<\/strong> &#8211; pokud vypneme, text se na mobiln\u00edch za\u0159\u00edzen\u00edch nezarovn\u00e1 pod obr\u00e1zek a z\u016fstane tak jak je<\/li>\n\n\n\n<li><strong>O\u0159\u00edznout obr\u00e1zek, aby vyplnil cel\u00fd sloupec<\/strong> &#8211; v\u00fd\u0161ka obr\u00e1zku se bude zv\u011bt\u0161ovat dle v\u00fd\u0161ky textov\u00e9ho pole<\/li>\n\n\n\n<li><strong>Rozli\u0161en\u00ed<\/strong><\/li>\n\n\n\n<li><strong>\u0160\u00ed\u0159ka medi\u00e1ln\u00edho obsahu<\/strong> &#8211; zv\u011bt\u0161\u00ed \u0161\u00ed\u0159ku obr\u00e1zku na \u00fakor textu<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-media-a-text-pravy-panel-nastroju.png\"><img loading=\"lazy\" decoding=\"async\" width=\"273\" height=\"712\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-media-a-text-pravy-panel-nastroju.png\" alt=\"\" class=\"wp-image-7859\" style=\"width:328px;height:auto\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-media-a-text-pravy-panel-nastroju.png 273w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-media-a-text-pravy-panel-nastroju-115x300.png 115w\" sizes=\"(max-width: 273px) 100vw, 273px\" \/><\/a><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\" id=\"blok-tlacitka\">Blok tla\u010d\u00edtka<\/h3>\n\n\n\n<p>Vytvo\u0159it m\u016f\u017eeme hned n\u011bkolik tla\u010d\u00edtek, kter\u00e9 se skl\u00e1daj\u00ed v \u0159ad\u011b za sebou, nebo pod sebou(dle nastaven\u00ed) a lze s nimi pracovat jako s celkem, v\u010detn\u011b individu\u00e1ln\u00edho nastaven\u00ed a stylov\u00e1n\u00ed ka\u017ed\u00e9ho tla\u010d\u00edtka zvl\u00e1\u0161\u0165. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-tlacitka01.png\"><img loading=\"lazy\" decoding=\"async\" width=\"850\" height=\"76\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-tlacitka01.png\" alt=\"\" class=\"wp-image-7862\" style=\"width:735px;height:auto\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-tlacitka01.png 850w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-tlacitka01-300x27.png 300w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-tlacitka01-768x69.png 768w\" sizes=\"(max-width: 850px) 100vw, 850px\" \/><\/a><\/figure><\/div>\n\n\n<h4 class=\"wp-block-heading\">Nastaven\u00ed v\u0161ech tla\u010d\u00edtek<\/h4>\n\n\n\n<p>V horn\u00edm panelu m\u016f\u017eeme nastavit zarovn\u00e1n\u00ed obsahu, zm\u011bnit svisl\u00e9 zarovn\u00e1n\u00ed a zm\u011bnit \u0161\u00ed\u0159ku panelu s tla\u010d\u00edtky.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-tlacitko01.png\"><img loading=\"lazy\" decoding=\"async\" width=\"760\" height=\"137\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-tlacitko01.png\" alt=\"\" class=\"wp-image-7863\" style=\"width:735px;height:auto\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-tlacitko01.png 760w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-tlacitko01-300x54.png 300w\" sizes=\"(max-width: 760px) 100vw, 760px\" \/><\/a><\/figure><\/div>\n\n\n<p>V bo\u010dn\u00edm panelu n\u00e1stroj\u016f lze nastavit orientaci tla\u010d\u00edtek a mo\u017enost &#8222;Nechte zabalit do v\u00edce \u0159\u00e1dk\u016f&#8220;, kter\u00e1 povol\u00ed, nebo zak\u00e1\u017ee zalamov\u00e1n\u00ed tla\u010d\u00edtek na men\u0161\u00edch obrazovk\u00e1ch.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-tlacitko02.png\"><img loading=\"lazy\" decoding=\"async\" width=\"269\" height=\"299\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-tlacitko02.png\" alt=\"\" class=\"wp-image-7864\" style=\"width:328px;height:auto\" \/><\/a><\/figure><\/div>\n\n\n<h4 class=\"wp-block-heading\">Nastaven\u00ed individu\u00e1ln\u00edho tla\u010d\u00edtka<\/h4>\n\n\n\n<p>U ka\u017ed\u00e9ho tla\u010d\u00edtka si m\u016f\u017eeme op\u011bt hr\u00e1t s jeho zarovn\u00e1n\u00edm a stylov\u00e1n\u00edm textu.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-tlacitka.png\"><img loading=\"lazy\" decoding=\"async\" width=\"856\" height=\"137\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-tlacitka.png\" alt=\"\" class=\"wp-image-7861\" style=\"width:735px;height:auto\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-tlacitka.png 856w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-tlacitka-300x48.png 300w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-tlacitka-768x123.png 768w\" sizes=\"(max-width: 856px) 100vw, 856px\" \/><\/a><\/figure><\/div>\n\n\n<p>V bo\u010dn\u00edm panelu pak m\u016f\u017eeme ka\u017ed\u00e9mu tla\u010d\u00edtku nastavit vlastn\u00ed \u0161\u00ed\u0159ku, a v sekci stylov\u00e1n\u00ed upravovat nap\u0159\u00edklad zaoblen\u00ed roh\u016f, r\u00e1me\u010dek&#8230;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-tlacitka02.png\"><img loading=\"lazy\" decoding=\"async\" width=\"271\" height=\"281\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-tlacitka02.png\" alt=\"\" class=\"wp-image-7865\" style=\"width:328px;height:auto\" \/><\/a><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\" id=\"blok-pokracovani-textu\">Blok pokra\u010dov\u00e1n\u00ed textu<\/h3>\n\n\n\n<p>Ve\u0161ker\u00fd obsah, kter\u00fd bude nad t\u00edmto blokem, se v archivu bude zobrazovat jako stru\u010dn\u00fd v\u00fdpis p\u0159\u00edsp\u011bvku. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-pokracovat-ve-cteni.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1584\" height=\"324\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-pokracovat-ve-cteni.png\" alt=\"\" class=\"wp-image-7868\" style=\"width:735px;height:auto\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-pokracovat-ve-cteni.png 1584w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-pokracovat-ve-cteni-300x61.png 300w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-pokracovat-ve-cteni-1024x209.png 1024w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-pokracovat-ve-cteni-768x157.png 768w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-pokracovat-ve-cteni-1536x314.png 1536w\" sizes=\"(max-width: 1584px) 100vw, 1584px\" \/><\/a><\/figure><\/div>\n\n\n<p>Jedin\u00e9 dostupn\u00e9 nastaven\u00ed je v bo\u010dn\u00edm panelu. M\u016f\u017eeme nastavit, aby se v\u00fdpis v \u010dl\u00e1nku nezobrazoval.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-pokracovat-ve-cteni-nastaveni.png\"><img loading=\"lazy\" decoding=\"async\" width=\"263\" height=\"256\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-pokracovat-ve-cteni-nastaveni.png\" alt=\"\" class=\"wp-image-7869\" style=\"width:328px;height:auto\" \/><\/a><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\" id=\"blok-rozdeleni-stranky\">Blok rozd\u011blen\u00ed str\u00e1nky<\/h3>\n\n\n\n<p>Blok umo\u017en\u00ed vytvo\u0159it v p\u0159\u00edsp\u011bvku str\u00e1nkov\u00e1n\u00ed. Ve\u0161ker\u00fd obsah po tomto bloku bude tedy sou\u010d\u00e1st\u00ed n\u00e1sleduj\u00edc\u00ed str\u00e1nky. Bohu\u017eel nem\u00e1m k dispozici \u017e\u00e1dn\u00e9 nastaven\u00ed.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-rozdeleni-stranky.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"600\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-rozdeleni-stranky.png\" alt=\"\" class=\"wp-image-7870\" style=\"width:735px;height:auto\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-rozdeleni-stranky.png 1200w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-rozdeleni-stranky-300x150.png 300w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-rozdeleni-stranky-1024x512.png 1024w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-rozdeleni-stranky-768x384.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/a><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\" id=\"blok-vodorovna-cara-oddelovac\">Blok vodorovn\u00e1 \u010d\u00e1ra \/ odd\u011blova\u010d<\/h3>\n\n\n\n<p>Pouze p\u0159id\u00e1 vodorovnou \u010d\u00e1ru.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-oddelovac.png\"><img loading=\"lazy\" decoding=\"async\" width=\"850\" height=\"74\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-oddelovac.png\" alt=\"\" class=\"wp-image-7904\" style=\"width:735px;height:auto\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-oddelovac.png 850w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-oddelovac-300x26.png 300w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-oddelovac-768x67.png 768w\" sizes=\"(max-width: 850px) 100vw, 850px\" \/><\/a><\/figure><\/div>\n\n\n<p>V prav\u00e9m bo\u010dn\u00edm panelu m\u016f\u017eeme m\u011bnit barvu a styl \u010d\u00e1ry(pln\u00e1, nebo v podob\u011b 3 te\u010dek vedle sebe):<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-oddelovac-nastaveni.png\"><img loading=\"lazy\" decoding=\"async\" width=\"278\" height=\"407\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-oddelovac-nastaveni.png\" alt=\"\" class=\"wp-image-7905\" style=\"width:328px;height:auto\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-oddelovac-nastaveni.png 278w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-blok-oddelovac-nastaveni-205x300.png 205w\" sizes=\"(max-width: 278px) 100vw, 278px\" \/><\/a><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\" id=\"blok-mezera\">Blok mezera<\/h3>\n\n\n\n<p>Blok p\u0159id\u00e1v\u00e1 neviditelnou mezeru(v editoru m\u00e1 \u0161edou barvu).<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-mezera-blok.png\"><img loading=\"lazy\" decoding=\"async\" width=\"849\" height=\"191\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-mezera-blok.png\" alt=\"\" class=\"wp-image-7907\" style=\"width:735px;height:auto\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-mezera-blok.png 849w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-mezera-blok-300x67.png 300w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-mezera-blok-768x173.png 768w\" sizes=\"(max-width: 849px) 100vw, 849px\" \/><\/a><\/figure><\/div>\n\n\n<p>V prav\u00e9m panelu lze m\u011bnit pouze v\u00fd\u0161ku mezery.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-mezera-blok-nastaveni.png\"><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"337\" src=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-mezera-blok-nastaveni.png\" alt=\"\" class=\"wp-image-7906\" style=\"width:328px;height:auto\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-mezera-blok-nastaveni.png 280w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/02\/wordpress-gutenberg-mezera-blok-nastaveni-249x300.png 249w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/a><\/figure><\/div>\n\n\n<p>Pokud jste se dostali a\u017e sem, m\u011bli byste ji\u017e porozum\u011bt z\u00e1klad\u016fm rozlo\u017een\u00ed webu v Gutenbergu, co\u017e ale pro komplexn\u00ed web sta\u010dit nemus\u00ed. V dal\u0161\u00edm \u010dl\u00e1nku si proto p\u0159edvedeme Gutenberg bloky pro form\u00e1tov\u00e1n\u00ed.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>V p\u0159ede\u0161l\u00e9m \u010dl\u00e1nku jsme si uvedli Gutenberg bloky pro vkl\u00e1d\u00e1n\u00ed multim\u00e9di\u00ed. Dnes se zam\u011b\u0159\u00edme \u010dist\u011b na prvky rozlo\u017een\u00ed a na dal\u0161\u00ed v\u011bci s n\u00edm spojen\u00e9. P\u0159ede\u0161l\u00fd \u010dl\u00e1nek o Gutenberg bloc\u00edch pro multim\u00e9dia najdete zde. Prvky rozlo\u017een\u00ed Blok sloupce M\u016f\u017eeme si zvolit jeden z t\u011bchto p\u0159edp\u0159ipraven\u00fdch layout\u016f, nebo si pozd\u011bji nastavit vlastn\u00ed \u0161\u00ed\u0159ku jednotliv\u00fdch sloupc\u016f. Do<\/p>\n","protected":false},"author":1,"featured_media":7937,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,48,30,37],"tags":[187,495],"class_list":["post-7914","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-navody","category-novinky","category-wordpress","category-zacatecnici","tag-gutenberg","tag-wordpress-gutenberg"],"_links":{"self":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/posts\/7914"}],"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=7914"}],"version-history":[{"count":0,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/posts\/7914\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/media\/7937"}],"wp:attachment":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/media?parent=7914"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/categories?post=7914"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/tags?post=7914"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}