{"id":5168,"date":"2025-07-23T23:38:18","date_gmt":"2025-07-23T21:38:18","guid":{"rendered":"https:\/\/www.periferieprahy.cz\/blog\/?p=5168"},"modified":"2025-07-27T21:48:47","modified_gmt":"2025-07-27T19:48:47","slug":"nebojte-se-kratkych-kodu-galerie","status":"publish","type":"post","link":"https:\/\/www.periferieprahy.cz\/blog\/2025\/07\/23\/nebojte-se-kratkych-kodu-galerie\/","title":{"rendered":"Nebojte se kr\u00e1tk\u00fdch k\u00f3du \u2013\u00a02. galerie"},"content":{"rendered":"\n

Galerii fotek m\u016f\u017eete ud\u011blat v nab\u00eddce blok\u016f.<\/h3>\n\n\n\n

Po kliknut\u00ed v\u00e1s to vyzve ke vlo\u017een\u00ed fotek. M\u016f\u017eete volit „Upload“ a nahr\u00e1t fotky z va\u0161eho po\u010d\u00edta\u010de nebo „Knihovna medi\u00ed“. To doporu\u010duji. Nahrajte si fotky do knihovny m\u00e9di\u00ed a dopl\u0148te Titulek a N\u00e1zev oboj\u00ed se stejn\u00fdm textem. Pro\u010d, proto\u017ee v t\u00e9to galerii a karuselu (Kr\u00e1tk\u00fd k\u00f3d) se objevuje Titulek, ale v galerii z kr\u00e1tk\u00fdch k\u00f3du se zobrazuje N\u00e1zev. Stiskn\u011bte „Vytvo\u0159it galerii“, dostanete mo\u017enost je\u0161t\u011b p\u0159eh\u00e1zet fotky mezi sebou podle pot\u0159eby a pak je\u0161t\u011b jednou „Vytvo\u0159it galerii“ a galerii se vlo\u017e\u00ed kam jste si p\u0159\u00e1li. A takhle to dopadlo:<\/p>\n\n\n\n

\n
\"\"
Titulek V nab\u00eddce blok\u016f si ve slo\u017ece WIDGET naleznete symbol pro zkr\u00e1cen\u00e9 k\u00f3dy [\/]<\/figcaption><\/figure>\n\n\n\n
\"\"
Titulek Kliknut\u00edm na symbol [ ] se objev\u00ed nab\u00eddka kr\u00e1tk\u00fdch k\u00f3d\u016f<\/figcaption><\/figure>\n\n\n\n
\"\"
Titulek Vyb\u00edrejte Shortcod dle libosti<\/figcaption><\/figure>\n\n\n\n
\"\"
Titulek<\/figcaption><\/figure>\n\n\n\n
\"\"
Titulek<\/figcaption><\/figure>\n\n\n\n
\"\"<\/a>
Titulek<\/figcaption><\/figure>\n<\/figure>\n\n\n\n
\n
\"\"<\/a>
V nab\u00eddce blok\u016f si ve slo\u017ece WIDGET naleznete symbol pro zkr\u00e1cen\u00e9 k\u00f3dy [\/]<\/figcaption><\/figure>\n\n\n\n
\"\"<\/a>
Vyb\u00edrejte Shortcod dle libosti<\/figcaption><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a>
Titulek<\/figcaption><\/figure>\n<\/figure>\n\n\n\n

Nic moc. Neovlivn\u00edte velikost obr\u00e1zk\u016f, pokud m\u00e1te sv\u011btl\u00e9 obr\u00e1zky je titulek t\u00e9m\u011b\u0159 ne\u010diteln\u00fd a pokud chcete, aby se obr\u00e1zek otev\u00edral samostatn\u011b, mus\u00edte na n\u011bj kliknout a v nab\u00eddce vlo\u017eit hypertextov\u00fd odkaz z nab\u00eddky.<\/p>\n\n\n\n

Galerie pomoc\u00ed kr\u00e1tk\u00e9ho k\u00f3du<\/a><\/h3>\n\n\n\n

V nab\u00eddce blok\u016f zvolte [ \/ ] a d\u00e1l postupujte podle n\u00e1vodu v <\/i> \u00davod<\/span><\/a>. V nab\u00eddce kr\u00e1tk\u00fdch k\u00f3du zvlote Galerie a vypl\u0148te dotazn\u00edk:<\/p>\n\n\n\n

Zdroj<\/strong>: vyberete obr\u00e1zky. Jako v p\u0159ede\u0161l\u00e9m textu. Doporu\u010duji, obr\u00e1zky m\u00edt nahran\u00e9 v Knihovn\u011b m\u00e9di\u00ed, dopln\u011bn\u00e9 titulky a n\u00e1zvy a odsud je vyb\u00edrat pro galerii. Zd\u016fraz\u0148uji: jako doprovodn\u00fd text se objev\u00ed „N\u00e1zev“ obr\u00e1zku.<\/p>\n\n\n\n

Limit:<\/strong> Zvolte maxim\u00e1ln\u00ed po\u010det obr\u00e1zk\u016f z \u010dl\u00e1nk\u016f (pokud zvol\u00edte jako Zdroj nejnov\u011bj\u0161\u00ed \u010dl\u00e1nky, kategorii a vlastn\u00ed taxonomii). Tak\u017ee, pokud vol\u00edme z Knihovny m\u00e9di\u00ed, tak se n\u00e1s to net\u00fdk\u00e1. <\/p>\n\n\n\n

Odkazy:<\/strong> Kliknut\u00edm na obr\u00e1zek m\u016f\u017eete spustit akci: \u017d\u00e1dn\u00e9 (nic se ned\u011bje) | Obr\u00e1zek v pln\u00e9 velikosti (nezobraz\u00ed se n\u00e1zev) | Lightbox<\/strong> (obr\u00e1zek se otev\u0159e v extra okn\u011b. Doporu\u010duji, proto\u017ee se zobrazuje i n\u00e1zev a d\u00e1 se listovat mezi obr\u00e1zky) | Odkaz slidu ( zat\u00edm jsem nepou\u017eil a nev\u00edm zat\u00edm jak na to) | Str\u00e1nka p\u0159\u00edlohy (tak\u00e9 nev\u00edm co s t\u00edm) | URL \u010dl\u00e1nku (tak\u00e9 nev\u00edm co s t\u00edm).<\/p>\n\n\n\n

Jak se maj\u00ed odkazy otev\u00edrat:<\/strong> Otev\u0159\u00edt v nov\u00e9 z\u00e1lo\u017ece (tabulce) prohl\u00ed\u017ee\u010de | Otev\u0159\u00edt ve stejn\u00e9 z\u00e1lo\u017ece (tabulce) prohl\u00ed\u017ee\u010de.<\/p>\n\n\n\n

\u0160\u00ed\u0159ka \/ V\u00fd\u0161ka:<\/strong> nastav\u00edte rozm\u011br obr\u00e1zku v galerii [px]. V t\u00e9to galerii budou obr\u00e1zky o\u0159ez\u00e1ny na zvolen\u00fd rozm\u011br. Je proto lep\u0161\u00ed volit dv\u011b nebo t\u0159i galerie podle tvar\u016f obr\u00e1zk\u016f. Nap\u0159. do jedn\u00e9 galerie d\u00e1t obr\u00e1zky le\u017eat\u00e9 a do druh\u00e9 stojat\u00e9.<\/p>\n\n\n\n

Zarovn\u00e1n\u00ed:<\/strong> Zvolte, jak bude na str\u00e1nce um\u00edst\u011bna – Vlevo | Uprost\u0159ed | Vpravo<\/p>\n\n\n\n

Uk\u00e1zat nadpisy<\/strong>: op\u011bt p\u0159ipom\u00edn\u00e1m – v t\u00e9to galerii se zobrazuj\u00ed n\u00e1zvy obr\u00e1zk\u016f nikoliv titulky. M\u00e1te t\u0159i mo\u017enosti volby zobrazen\u00ed n\u00e1zv\u016f – Nikdy | V\u017edy | P\u0159i p\u0159ejet\u00ed my\u0161\u00ed.<\/p>\n\n\n\n

Speci\u00e1ln\u00ed CSS t\u0159\u00edda:<\/strong> zat\u00edm jsem to nezkou\u0161el.<\/p>\n\n\n\n

A\u017e vypln\u00edte dotazn\u00edk, m\u016f\u017eete si vyvolat „N\u00e1hled“, st\u00e1le m\u00e1te mo\u017enost \u00faprav. A\u017e jste spokojen, klik na tla\u010d\u00edtko Vlo\u017eit shortk\u00f3d a takhle n\u011bjak to vypad\u00e1. zvolil jsem obr\u00e1zky s p\u0159ibli\u017en\u011b stejnou proporc\u00ed:<\/p>\n\n\n

\"N\u00e1zevN\u00e1zev Vyb\u00edrejte Shortcod dle libosti<\/span><\/a><\/div>
\"N\u00e1zevN\u00e1zev V nab\u00eddce blok\u016f si ve slo\u017ece WIDGET naleznete symbol pro zkr\u00e1cen\u00e9 k\u00f3dy [\/]<\/span><\/a><\/div>
\"N\u00e1zev\"N\u00e1zev<\/span><\/a><\/div>
<\/div><\/div>\n\n\n\n

A takhle vypad\u00e1 automaticky generovan\u00fd z\u00e1pis. <\/p>\n\n\n\n

[su_custom_gallery source=\"media: 4943,4941,5182\" link=\"lightbox\" width=\"200\" height=\"200\" align=\"center\"]\n<\/code><\/pre>\n\n\n\n
A tady jsem dal le\u017eat\u00e9 obr\u00e1zky:<\/p>\n\n\n
\"N\u00e1zev\"N\u00e1zev<\/span><\/a><\/div>
\"N\u00e1zev\"N\u00e1zev<\/span><\/a><\/div>
\"N\u00e1zevN\u00e1zev Kliknut\u00edm na symbol [ ] se objev\u00ed nab\u00eddka kr\u00e1tk\u00fdch k\u00f3d\u016f<\/span><\/a><\/div>
<\/div><\/div>\n\n\n\n
Toto se vygenerovalo:<\/p>\n\n\n\n
[su_custom_gallery source=\"media: 5155,5153,4942\" link=\"lightbox\" width=\"250\" height=\"70\" align=\"center\"]<\/code><\/pre>\n\n\n\n
V\u0161imn\u011bte si, \u017ee galerie m\u00e1 jen po\u010d\u00e1te\u010dn\u00ed tag s atributy a parametry.  Jako zdroj obr\u00e1zk\u016f jsou jejich ID. Co\u017e je v\u00fdhodn\u00e9 p\u0159i dopl\u0148ov\u00e1n\u00ed dal\u0161\u00edch fotek do galerie.<\/p>\n","protected":false},"excerpt":{"rendered":"
Galerii fotek m\u016f\u017eete ud\u011blat v nab\u00eddce blok\u016f. Po kliknut\u00ed v\u00e1s to vyzve ke vlo\u017een\u00ed fotek. M\u016f\u017eete volit „Upload“ a nahr\u00e1t fotky z va\u0161eho po\u010d\u00edta\u010de nebo „Knihovna medi\u00ed“. To doporu\u010duji. Nahrajte si fotky do knihovny m\u00e9di\u00ed a dopl\u0148te Titulek a N\u00e1zev oboj\u00ed se stejn\u00fdm textem. Pro\u010d, proto\u017ee v t\u00e9to galerii a karuselu (Kr\u00e1tk\u00fd k\u00f3d) se objevuje …
Pokra\u010dovat ve\u00a0\u010dten\u00ed Nebojte se kr\u00e1tk\u00fdch k\u00f3du \u2013\u00a02. galerie<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":5182,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[15],"tags":[],"post_folder":[],"class_list":["post-5168","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-pozn"],"_links":{"self":[{"href":"https:\/\/www.periferieprahy.cz\/blog\/wp-json\/wp\/v2\/posts\/5168","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.periferieprahy.cz\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.periferieprahy.cz\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.periferieprahy.cz\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.periferieprahy.cz\/blog\/wp-json\/wp\/v2\/comments?post=5168"}],"version-history":[{"count":20,"href":"https:\/\/www.periferieprahy.cz\/blog\/wp-json\/wp\/v2\/posts\/5168\/revisions"}],"predecessor-version":[{"id":5207,"href":"https:\/\/www.periferieprahy.cz\/blog\/wp-json\/wp\/v2\/posts\/5168\/revisions\/5207"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.periferieprahy.cz\/blog\/wp-json\/wp\/v2\/media\/5182"}],"wp:attachment":[{"href":"https:\/\/www.periferieprahy.cz\/blog\/wp-json\/wp\/v2\/media?parent=5168"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.periferieprahy.cz\/blog\/wp-json\/wp\/v2\/categories?post=5168"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.periferieprahy.cz\/blog\/wp-json\/wp\/v2\/tags?post=5168"},{"taxonomy":"post_folder","embeddable":true,"href":"https:\/\/www.periferieprahy.cz\/blog\/wp-json\/wp\/v2\/post_folder?post=5168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}