Gutenberg bloky pro multim\u00e9dia<\/h2>\n\n\n\n\n- Blok video<\/a><\/li>\n\n\n\n
- Blok audio \/ zvuk<\/a><\/li>\n\n\n\n
- Blok soubor<\/a><\/li>\n\n\n\n
- Blok \u00favodn\u00ed obr\u00e1zek<\/a><\/li>\n<\/ul>\n\n\n\n
Blok video<\/h3>\n\n\n\n
Tento blok na web vlo\u017e\u00ed p\u0159ehr\u00e1va\u010d pro soubor z knihovny m\u00e9di\u00ed(lep\u0161\u00ed varianta, proto\u017ee budeme m\u00edt k dispozici v\u00edce n\u00e1stroj\u016f), nebo z URL adresy.<\/p>\n\n\n
\n![\"\"](\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/01\/wordpress-gutenberg-blok-video.png\")
<\/a><\/figure>\n<\/div>\n\n\nUk\u00e1\u017eeme si zde soubor nahr\u00e1van\u00fd z knihovny m\u00e9di\u00ed:<\/p>\n\n\n
\n![\"\"](\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/01\/wordpress-gutenberg-blok-video-z-knihovny-medii.png\")
<\/a><\/figure>\n<\/div>\n\n\nV horn\u00edm panelu jsou op\u011bt mo\u017enosti jako je zarovn\u00e1n\u00ed obsahu, p\u0159id\u00e1n\u00ed titulku, textov\u00e9 t\u00e9matick\u00e9 bloky a nahrazen\u00ed videa jin\u00fdm.<\/p>\n\n\n\n
V prav\u00e9m panelu jsou mo\u017enosti o n\u011bco zaj\u00edmav\u011bj\u0161\u00ed(pokud je nevid\u00edte, nejsp\u00ed\u0161e jste video vlo\u017eili pomoc\u00ed URL adresy!).<\/p>\n\n\n\n
Funkce:<\/p>\n\n\n\n
\n- P\u0159ehr\u00e1t automaticky<\/strong> – po otev\u0159en\u00ed str\u00e1nky se video automaticky spust\u00ed<\/li>\n\n\n\n
- Opakovat<\/strong> – po skon\u010den\u00ed se video spust\u00ed od za\u010d\u00e1tku<\/li>\n\n\n\n
- Zti\u0161eno<\/strong> – po spu\u0161t\u011bn\u00ed je video zti\u0161eno, dokud u\u017eivatel nenastav\u00ed jinak<\/li>\n\n\n\n
- Ovl\u00e1d\u00e1n\u00ed p\u0159ehr\u00e1v\u00e1n\u00ed <\/strong>– pokud je vypnuto, u\u017eivatel nem\u016f\u017ee jakkoliv ovl\u00e1dat video <\/li>\n\n\n\n
- P\u0159ehr\u00e1vat uvnit\u0159 obsahu str\u00e1nky<\/strong> – U\u017eivatel\u016fm na mobiln\u00edm za\u0159\u00edzen\u00ed umo\u017en\u00ed p\u0159ehr\u00e1vat video v obsahu p\u0159\u00edsp\u011bvku, nam\u00edsto zobrazen\u00ed videa p\u0159es cel\u00fd displej.<\/li>\n\n\n\n
- P\u0159edb\u011b\u017en\u00e9 na\u010d\u00edt\u00e1n\u00ed<\/strong>:\n
\n- Automaticky <\/strong>– po otev\u0159en\u00ed str\u00e1nky se video st\u00e1hne nehled\u011b na jakoukoliv interakci. Toto nastaven\u00ed m\u016f\u017ee v p\u0159\u00edpad\u011b v\u011bt\u0161\u00edch soubor\u016f zpomalovat web. <\/li>\n\n\n\n
- Strukturovan\u00e9 informace<\/strong> – st\u00e1hnout se pouze metadata videa. Stahov\u00e1n\u00ed videa zapo\u010dne po kliknut\u00ed na tla\u010d\u00edtko „p\u0159ehr\u00e1t“.<\/li>\n\n\n\n
- \u017d\u00e1dn\u00e9 <\/strong>– stahov\u00e1n\u00ed za\u010dne stejn\u011b jako v p\u0159edchoz\u00edm p\u0159\u00edpad\u011b a\u017e po kliknut\u00ed na tla\u010d\u00edtko „p\u0159ehr\u00e1t“. Jedn\u00e1 se o nejrychlej\u0161\u00ed \u0159e\u0161en\u00ed.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
- N\u00e1hledov\u00fd obr\u00e1zek videa<\/strong> – obr\u00e1zek, kter\u00fd se zobraz\u00ed p\u0159ed samotn\u00fdm spu\u0161t\u011bn\u00edm videa<\/li>\n<\/ul>\n\n\n\n
![\"\"](\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/01\/wordpress-gutenberg-blok-video-z-knihovny-medii-moznosti.png\")
<\/a><\/figure>\n<\/div>\n\n\nBlok audio \/ zvuk<\/h3>\n\n\n\n
Podobn\u011b jako u videa lze audio p\u0159idat z knihovny m\u00e9di\u00ed, nebo pomoc\u00ed URL adresy.<\/p>\n\n\n
\n![\"\"](\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/01\/wordpress-gutenberg-blok-audio-zvuk.png\")
<\/a><\/figure>\n<\/div>\n\n\nV prav\u00e9m panelu n\u00e1stroj\u016f najdeme n\u00e1sleduj\u00edc\u00ed nastaven\u00ed:<\/p>\n\n\n\n
\n- P\u0159ehr\u00e1t automaticky<\/strong><\/li>\n\n\n\n
- Opakovat<\/strong><\/li>\n\n\n\n
- P\u0159edb\u011b\u017en\u011b na\u010d\u00edtat<\/strong> – oproti video zde p\u0159ibyla mo\u017enost „ur\u010deno prohl\u00ed\u017ee\u010dem<\/strong>„<\/li>\n<\/ul>\n\n\n\n
![\"\"](\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/01\/wordpress-gutenberg-blok-audio-zvuk-nastaveni.png\")
<\/a><\/figure>\n<\/div>\n\n\nBlok soubor<\/h3>\n\n\n\n
Soubor jednodu\u0161e nahrajeme. <\/p>\n\n\n
\n![\"\"](\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/01\/wordpress-gutenberg-blok-video-1.png\")
<\/a><\/figure>\n<\/div>\n\n\nV z\u00e1kladn\u00edm nastaven\u00ed m\u00e1me pouze b\u011b\u017en\u00e9 prvky, zat\u00edmco v bo\u010dn\u00edm panelu m\u016f\u017eeme nastavit n\u00e1sleduj\u00edc\u00ed:<\/p>\n\n\n\n
\n- Odkaz na<\/strong>:\n
\n- Medi\u00e1ln\u00ed soubor<\/strong> – odk\u00e1\u017ee u\u017eivatele na adresu nahran\u00e9ho souboru.<\/li>\n\n\n\n
- Str\u00e1nku se zobrazen\u00edm souboru<\/strong> – otev\u0159e se samostatn\u00e1 str\u00e1nka se souborem.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
- Otev\u0159\u00edt v nov\u00e9 z\u00e1lo\u017ece<\/strong> – p\u0159i rozkliknut\u00ed, se soubor zobraz\u00ed v nov\u00e9 kart\u011b prohl\u00ed\u017ee\u010de.<\/li>\n\n\n\n
- Zobrazit tla\u010d\u00edtko pro sta\u017een\u00ed<\/strong> – p\u0159i zapnut\u00ed se bude u souboru ukazovat tla\u010d\u00edtko „St\u00e1hnout“, kter\u00e9 m\u016f\u017eete vid\u011bt v\u00fd\u0161e.<\/li>\n<\/ul>\n\n\n\n
![\"\"](\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/01\/wordpress-gutenberg-blok-soubor.png\")
<\/a><\/figure>\n<\/div>\n\n\n\u00davodn\u00ed obr\u00e1zek<\/h3>\n\n\n\n
Pokud jste o tomto bloku je\u0161t\u011b nesly\u0161eli, z\u0159ejm\u011b si jej rychle obl\u00edb\u00edte. Nab\u00edz\u00ed velikou p\u0159izp\u016fsobivost. Blok se d\u00e1 pou\u017e\u00edt nap\u0159\u00edklad u v\u00fdpisu detail\u016f jednotliv\u00fdch \u010dl\u00e1nk\u016f.<\/p>\n\n\n\n
V z\u00e1kladn\u00edm panelu lze nal\u00e9zt dvojit\u00fd filtr(jde zde lehce nastavit nap\u0159\u00edklad \u010dernob\u00edl\u00e1 fotografie, nebo jin\u00e9 filtry…), zarovn\u00e1n\u00ed, zm\u011bna pozice obsahu a zapnut\u00ed pln\u00e9 \u0161\u00ed\u0159ky.<\/p>\n\n\n\n
Nejv\u011bt\u0161\u00ed v\u00fdhodou bloku je, \u017ee lze do obr\u00e1zku velmi snadno vkl\u00e1dat jednotliv\u00e9 elementy. V tomto p\u0159\u00edpad\u011b jsem do obr\u00e1zku vlo\u017eil paragraf a tla\u010d\u00edtko(nadpis se vytvo\u0159\u00ed automaticky).<\/p>\n\n\n
\n![\"\"](\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/01\/wordpress-gutenberg-blok-uvodni-obrazek.png\")
<\/a><\/figure>\n<\/div>\n\n\nCo se t\u00fd\u010de prav\u00e9ho panelu nastaven\u00ed, m\u00e1me zde n\u00e1sleduj\u00edc\u00ed:<\/p>\n\n\n\n
\n- Statick\u00e9 pozad\u00ed<\/strong><\/li>\n\n\n\n
- Opakuj\u00edc\u00ed se pozad\u00ed<\/strong><\/li>\n\n\n\n
- V\u00fdb\u011br \u00fast\u0159edn\u00edho bodu<\/strong>\n
\n- Obr\u00e1zek m\u016f\u017eeme nasm\u011brovat tak, jak chceme<\/li>\n<\/ul>\n<\/li>\n\n\n\n
- Alternativn\u00ed text<\/strong><\/li>\n<\/ul>\n\n\n
Blok video<\/h3>\n\n\n\n
Tento blok na web vlo\u017e\u00ed p\u0159ehr\u00e1va\u010d pro soubor z knihovny m\u00e9di\u00ed(lep\u0161\u00ed varianta, proto\u017ee budeme m\u00edt k dispozici v\u00edce n\u00e1stroj\u016f), nebo z URL adresy.<\/p>\n\n\n
<\/a><\/figure>\n<\/div>\n\n\nUk\u00e1\u017eeme si zde soubor nahr\u00e1van\u00fd z knihovny m\u00e9di\u00ed:<\/p>\n\n\n
<\/a><\/figure>\n<\/div>\n\n\nV horn\u00edm panelu jsou op\u011bt mo\u017enosti jako je zarovn\u00e1n\u00ed obsahu, p\u0159id\u00e1n\u00ed titulku, textov\u00e9 t\u00e9matick\u00e9 bloky a nahrazen\u00ed videa jin\u00fdm.<\/p>\n\n\n\n
V prav\u00e9m panelu jsou mo\u017enosti o n\u011bco zaj\u00edmav\u011bj\u0161\u00ed(pokud je nevid\u00edte, nejsp\u00ed\u0161e jste video vlo\u017eili pomoc\u00ed URL adresy!).<\/p>\n\n\n\n
Funkce:<\/p>\n\n\n\n
- \n
- P\u0159ehr\u00e1t automaticky<\/strong> – po otev\u0159en\u00ed str\u00e1nky se video automaticky spust\u00ed<\/li>\n\n\n\n
- Opakovat<\/strong> – po skon\u010den\u00ed se video spust\u00ed od za\u010d\u00e1tku<\/li>\n\n\n\n
- Zti\u0161eno<\/strong> – po spu\u0161t\u011bn\u00ed je video zti\u0161eno, dokud u\u017eivatel nenastav\u00ed jinak<\/li>\n\n\n\n
- Ovl\u00e1d\u00e1n\u00ed p\u0159ehr\u00e1v\u00e1n\u00ed <\/strong>– pokud je vypnuto, u\u017eivatel nem\u016f\u017ee jakkoliv ovl\u00e1dat video <\/li>\n\n\n\n
- P\u0159ehr\u00e1vat uvnit\u0159 obsahu str\u00e1nky<\/strong> – U\u017eivatel\u016fm na mobiln\u00edm za\u0159\u00edzen\u00ed umo\u017en\u00ed p\u0159ehr\u00e1vat video v obsahu p\u0159\u00edsp\u011bvku, nam\u00edsto zobrazen\u00ed videa p\u0159es cel\u00fd displej.<\/li>\n\n\n\n
- P\u0159edb\u011b\u017en\u00e9 na\u010d\u00edt\u00e1n\u00ed<\/strong>:\n
- \n
- Automaticky <\/strong>– po otev\u0159en\u00ed str\u00e1nky se video st\u00e1hne nehled\u011b na jakoukoliv interakci. Toto nastaven\u00ed m\u016f\u017ee v p\u0159\u00edpad\u011b v\u011bt\u0161\u00edch soubor\u016f zpomalovat web. <\/li>\n\n\n\n
- Strukturovan\u00e9 informace<\/strong> – st\u00e1hnout se pouze metadata videa. Stahov\u00e1n\u00ed videa zapo\u010dne po kliknut\u00ed na tla\u010d\u00edtko „p\u0159ehr\u00e1t“.<\/li>\n\n\n\n
- \u017d\u00e1dn\u00e9 <\/strong>– stahov\u00e1n\u00ed za\u010dne stejn\u011b jako v p\u0159edchoz\u00edm p\u0159\u00edpad\u011b a\u017e po kliknut\u00ed na tla\u010d\u00edtko „p\u0159ehr\u00e1t“. Jedn\u00e1 se o nejrychlej\u0161\u00ed \u0159e\u0161en\u00ed.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
- N\u00e1hledov\u00fd obr\u00e1zek videa<\/strong> – obr\u00e1zek, kter\u00fd se zobraz\u00ed p\u0159ed samotn\u00fdm spu\u0161t\u011bn\u00edm videa<\/li>\n<\/ul>\n\n\n
\n<\/a><\/figure>\n<\/div>\n\n\nBlok audio \/ zvuk<\/h3>\n\n\n\n
Podobn\u011b jako u videa lze audio p\u0159idat z knihovny m\u00e9di\u00ed, nebo pomoc\u00ed URL adresy.<\/p>\n\n\n
\n<\/a><\/figure>\n<\/div>\n\n\nV prav\u00e9m panelu n\u00e1stroj\u016f najdeme n\u00e1sleduj\u00edc\u00ed nastaven\u00ed:<\/p>\n\n\n\n
- \n
- P\u0159ehr\u00e1t automaticky<\/strong><\/li>\n\n\n\n
- Opakovat<\/strong><\/li>\n\n\n\n
- P\u0159edb\u011b\u017en\u011b na\u010d\u00edtat<\/strong> – oproti video zde p\u0159ibyla mo\u017enost „ur\u010deno prohl\u00ed\u017ee\u010dem<\/strong>„<\/li>\n<\/ul>\n\n\n
\n<\/a><\/figure>\n<\/div>\n\n\nBlok soubor<\/h3>\n\n\n\n
Soubor jednodu\u0161e nahrajeme. <\/p>\n\n\n
\n<\/a><\/figure>\n<\/div>\n\n\nV z\u00e1kladn\u00edm nastaven\u00ed m\u00e1me pouze b\u011b\u017en\u00e9 prvky, zat\u00edmco v bo\u010dn\u00edm panelu m\u016f\u017eeme nastavit n\u00e1sleduj\u00edc\u00ed:<\/p>\n\n\n\n
- \n
- Odkaz na<\/strong>:\n
- \n
- Medi\u00e1ln\u00ed soubor<\/strong> – odk\u00e1\u017ee u\u017eivatele na adresu nahran\u00e9ho souboru.<\/li>\n\n\n\n
- Str\u00e1nku se zobrazen\u00edm souboru<\/strong> – otev\u0159e se samostatn\u00e1 str\u00e1nka se souborem.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
- Otev\u0159\u00edt v nov\u00e9 z\u00e1lo\u017ece<\/strong> – p\u0159i rozkliknut\u00ed, se soubor zobraz\u00ed v nov\u00e9 kart\u011b prohl\u00ed\u017ee\u010de.<\/li>\n\n\n\n
- Zobrazit tla\u010d\u00edtko pro sta\u017een\u00ed<\/strong> – p\u0159i zapnut\u00ed se bude u souboru ukazovat tla\u010d\u00edtko „St\u00e1hnout“, kter\u00e9 m\u016f\u017eete vid\u011bt v\u00fd\u0161e.<\/li>\n<\/ul>\n\n\n
\n<\/a><\/figure>\n<\/div>\n\n\n\u00davodn\u00ed obr\u00e1zek<\/h3>\n\n\n\n
Pokud jste o tomto bloku je\u0161t\u011b nesly\u0161eli, z\u0159ejm\u011b si jej rychle obl\u00edb\u00edte. Nab\u00edz\u00ed velikou p\u0159izp\u016fsobivost. Blok se d\u00e1 pou\u017e\u00edt nap\u0159\u00edklad u v\u00fdpisu detail\u016f jednotliv\u00fdch \u010dl\u00e1nk\u016f.<\/p>\n\n\n\n
V z\u00e1kladn\u00edm panelu lze nal\u00e9zt dvojit\u00fd filtr(jde zde lehce nastavit nap\u0159\u00edklad \u010dernob\u00edl\u00e1 fotografie, nebo jin\u00e9 filtry…), zarovn\u00e1n\u00ed, zm\u011bna pozice obsahu a zapnut\u00ed pln\u00e9 \u0161\u00ed\u0159ky.<\/p>\n\n\n\n
Nejv\u011bt\u0161\u00ed v\u00fdhodou bloku je, \u017ee lze do obr\u00e1zku velmi snadno vkl\u00e1dat jednotliv\u00e9 elementy. V tomto p\u0159\u00edpad\u011b jsem do obr\u00e1zku vlo\u017eil paragraf a tla\u010d\u00edtko(nadpis se vytvo\u0159\u00ed automaticky).<\/p>\n\n\n
\n<\/a><\/figure>\n<\/div>\n\n\nCo se t\u00fd\u010de prav\u00e9ho panelu nastaven\u00ed, m\u00e1me zde n\u00e1sleduj\u00edc\u00ed:<\/p>\n\n\n\n
- \n
- Statick\u00e9 pozad\u00ed<\/strong><\/li>\n\n\n\n
- Opakuj\u00edc\u00ed se pozad\u00ed<\/strong><\/li>\n\n\n\n
- V\u00fdb\u011br \u00fast\u0159edn\u00edho bodu<\/strong>\n
- \n
- Obr\u00e1zek m\u016f\u017eeme nasm\u011brovat tak, jak chceme<\/li>\n<\/ul>\n<\/li>\n\n\n\n
- Alternativn\u00ed text<\/strong><\/li>\n<\/ul>\n\n\n
- Opakuj\u00edc\u00ed se pozad\u00ed<\/strong><\/li>\n\n\n\n
- Str\u00e1nku se zobrazen\u00edm souboru<\/strong> – otev\u0159e se samostatn\u00e1 str\u00e1nka se souborem.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
- Medi\u00e1ln\u00ed soubor<\/strong> – odk\u00e1\u017ee u\u017eivatele na adresu nahran\u00e9ho souboru.<\/li>\n\n\n\n
- Opakovat<\/strong><\/li>\n\n\n\n
- Strukturovan\u00e9 informace<\/strong> – st\u00e1hnout se pouze metadata videa. Stahov\u00e1n\u00ed videa zapo\u010dne po kliknut\u00ed na tla\u010d\u00edtko „p\u0159ehr\u00e1t“.<\/li>\n\n\n\n
- Opakovat<\/strong> – po skon\u010den\u00ed se video spust\u00ed od za\u010d\u00e1tku<\/li>\n\n\n\n
![\"\"](\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/01\/wordpress-gutenberg-blok-uvodni-obrazek-panel-nastroju.png\")
<\/a><\/figure>\n<\/div>\n\n\n![\"\"](\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2024\/01\/wordpress-gutenberg-blok-vychozi-editor.png\")
<\/a><\/figure>\n<\/div>\n\n\n