{"id":5293,"date":"2025-07-31T13:23:46","date_gmt":"2025-07-31T11:23:46","guid":{"rendered":"https:\/\/www.periferieprahy.cz\/blog\/?p=5293"},"modified":"2025-07-31T21:26:49","modified_gmt":"2025-07-31T19:26:49","slug":"nebojte-se-kratkych-kodu-5-spoilery","status":"publish","type":"post","link":"https:\/\/www.periferieprahy.cz\/blog\/2025\/07\/31\/nebojte-se-kratkych-kodu-5-spoilery\/","title":{"rendered":"Nebojte se kr\u00e1tk\u00fdch k\u00f3du – 5. spoilery"},"content":{"rendered":"\n

Tento kr\u00e1tk\u00fd k\u00f3d umo\u017e\u0148uje vytv\u00e1\u0159et bloky se skryt\u00fdm obsahem – spoilery (p\u0159ep\u00edna\u010de)<\/a>. Skryt\u00fd obsah se zobraz\u00ed po kliknut\u00ed na n\u00e1zev bloku. Pro ka\u017ed\u00fd spoiler m\u016f\u017eete zadat r\u016fzn\u00e9 ikony nebo dokonce pou\u017e\u00edt r\u016fzn\u00e9 styly.<\/p>\n\n\n\n

Vytv\u00e1\u0159et spoilery pomoc\u00ed kr\u00e1tk\u00fdch k\u00f3du doporu\u010duji t\u011bm pokro\u010dilej\u0161\u00edm, proto\u017ee u\u017e si nevysta\u010d\u00edme jen s obvykl\u00fdm dotazn\u00edkem, proto\u017ee mus\u00edme upravovat hodnoty a\u017e ve zkr\u00e1cen\u00e9m z\u00e1pisu. Vy\u017eaduje to n\u011bkdy i element\u00e1rn\u00ed znalosti HTML. Pro ilustraci, mal\u00e1 uk\u00e1zka:<\/p>\n\n\n

Pr\u00e1zdn\u00fd spoiler:
\n

<\/span>N\u00e1zev spoileru<\/div>
Skryt\u00fd obsah<\/div><\/div>\n

N\u011bkolik p\u0159\u00edklad\u016f:<\/p>\n

<\/span>Prost\u00fd text<\/div>
Tady jsem vlo\u017eil prost\u00fd text z \u00favodu:Tento kr\u00e1tk\u00fd k\u00f3d umo\u017e\u0148uje vytv\u00e1\u0159et bloky se skryt\u00fdm obsahem – spoilery (p\u0159ep\u00edna\u010de). Skryt\u00fd obsah se zobraz\u00ed po kliknut\u00ed na n\u00e1zev bloku. Pro ka\u017ed\u00fd spoiler m\u016f\u017eete zadat r\u016fzn\u00e9 ikony nebo dokonce pou\u017e\u00edt r\u016fzn\u00e9 styly.<\/div><\/div>\n
<\/span>Obr\u00e1zek pomoc\u00ed kr\u00e1tk\u00e9ho k\u00f3du<\/div>
Obr\u00e1zek jsem vlo\u017eil pomoc\u00ed kr\u00e1tk\u00e9ho k\u00f3du Galerie
\"N\u00e1zevN\u00e1zev Vyb\u00edrejte Shortcod dle libosti<\/span><\/a><\/div>
<\/div><\/div> <\/div><\/div>\n
<\/span>P\u0159\u00edklad barevn\u00e9ho boxu s n\u00e1pisem<\/div>
Zkou\u0161ka<\/div>
Tento barevn\u00fd box jsem vlo\u017eil pomoc\u00ed kr\u00e1tk\u00e9ho k\u00f3du pro Box<\/div><\/div><\/div><\/div>\n\n\n\n

A takhle vypadaj\u00ed z\u00e1pisy. Zm\u011bny oproti pr\u00e1zdn\u00e9mu spoileru jsem zv\u00fdraznil tu\u010dn\u011b <\/strong>a kurz\u00edvou<\/em> :<\/p>\n\n\n\n

Pr\u00e1zdn\u00fd spoiler:\n[su_spoiler title=\"N\u00e1zev spoileru\" open=\"no\" style=\"default\" icon=\"plus\" anchor=\"\" anchor_in_url=\"no\" class=\"\"]Skryt\u00fd obsah[\/su_spoiler]\n\nN\u011bkolik p\u0159\u00edklad\u016f:\n\n[su_spoiler title=\"Prost\u00fd text<\/em><\/strong>\" open=\"no\" style=\"default\" icon=\"plus\" anchor=\"\" anchor_in_url=\"no\" class=\"\"] Tady jsem vlo\u017eil prost\u00fd text z \u00favodu:Tento kr\u00e1tk\u00fd k\u00f3d umo\u017e\u0148uje vytv\u00e1\u0159et bloky se skryt\u00fdm obsahem - spoilery (p\u0159ep\u00edna\u010de).  Skryt\u00fd obsah se zobraz\u00ed po kliknut\u00ed na n\u00e1zev bloku. Pro ka\u017ed\u00fd spoiler m\u016f\u017eete zadat r\u016fzn\u00e9 ikony nebo dokonce pou\u017e\u00edt r\u016fzn\u00e9 styly.<\/em><\/strong>[\/su_spoiler]\n\n[su_spoiler title=\"Obr\u00e1zek pomoc\u00ed kr\u00e1tk\u00e9ho k\u00f3du<\/em><\/strong>\" open=\"no\" style=\"default\" icon=\"arrow-circle-1<\/em><\/strong>\" anchor=\"\" anchor_in_url=\"no\" class=\"\"]Obr\u00e1zek jsem vlo\u017eil pomoc\u00ed kr\u00e1tk\u00e9ho k\u00f3du Galerie[su_custom_gallery source=\"media: 4943\" link=\"lightbox\" width=\"470\" height=\"400\" align=\"center\"]<\/em> <\/strong>[\/su_spoiler]\n\n[su_spoiler title=\"P\u0159\u00edklad barevn\u00e9ho boxu s n\u00e1pisem<\/em><\/strong>\" open=\"no\" style=\"default\" icon=\"folder-1<\/em><\/strong>\" anchor=\"\" anchor_in_url=\"no\" class=\"\"][su_box title=\"Zkou\u0161ka\" style=\"glass\"]Tento barevn\u00fd box jsem vlo\u017eil pomoc\u00ed kr\u00e1tk\u00e9ho k\u00f3du pro Box[\/su_box]<\/em><\/strong>[\/su_spoiler]\n\n<\/code><\/pre>\n\n\n\n
Proto doporu\u010duji vyu\u017e\u00edvat i spoilery definovan\u00e9 v nab\u00eddce blok\u016f, kde se to jmenuje Podrobnosti<\/strong><\/em>. Nem\u00e1 to sice rozs\u00e1hlou nab\u00eddku ikon spoileru (jen troj\u00faheln\u00edk), ale kdo se nau\u010d\u00ed pracovat s bloky, je pro n\u011bj pr\u00e1ce jednodu\u0161\u0161\u00ed:<\/p>\n\n\n\n
Zd\u00e1v\u00e1m text<\/summary>\n
Tady jsem vlo\u017eil blok odstavce, prost\u00fd text<\/p>\n\n\n\n
<\/p>\n<\/details>\n\n\n\n
Tady jsem pomoc\u00ed nab\u00eddky blok\u016f vlo\u017eil obr\u00e1zek<\/summary>\n
To je ten vlo\u017een\u00fd obr\u00e1zek:<\/p>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/p>\n<\/details>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
Tento kr\u00e1tk\u00fd k\u00f3d umo\u017e\u0148uje vytv\u00e1\u0159et bloky se skryt\u00fdm obsahem – spoilery (p\u0159ep\u00edna\u010de). Skryt\u00fd obsah se zobraz\u00ed po kliknut\u00ed na n\u00e1zev bloku. Pro ka\u017ed\u00fd spoiler m\u016f\u017eete zadat r\u016fzn\u00e9 ikony nebo dokonce pou\u017e\u00edt r\u016fzn\u00e9 styly.<\/p>\n
Vytv\u00e1\u0159et spoilery pomoc\u00ed kr\u00e1tk\u00fdch k\u00f3du doporu\u010duji t\u011bm pokro\u010dilej\u0161\u00edm, proto\u017ee u\u017e si nevysta\u010d\u00edme jen s obvykl\u00fdm dotazn\u00edkem, proto\u017ee mus\u00edme upravovat hodnoty a\u017e ve zkr\u00e1cen\u00e9m z\u00e1pisu. Vy\u017eaduje to n\u011bkdy i element\u00e1rn\u00ed znalosti HTML.<\/p>\n","protected":false},"author":1,"featured_media":5322,"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-5293","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\/5293","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=5293"}],"version-history":[{"count":24,"href":"https:\/\/www.periferieprahy.cz\/blog\/wp-json\/wp\/v2\/posts\/5293\/revisions"}],"predecessor-version":[{"id":5336,"href":"https:\/\/www.periferieprahy.cz\/blog\/wp-json\/wp\/v2\/posts\/5293\/revisions\/5336"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.periferieprahy.cz\/blog\/wp-json\/wp\/v2\/media\/5322"}],"wp:attachment":[{"href":"https:\/\/www.periferieprahy.cz\/blog\/wp-json\/wp\/v2\/media?parent=5293"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.periferieprahy.cz\/blog\/wp-json\/wp\/v2\/categories?post=5293"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.periferieprahy.cz\/blog\/wp-json\/wp\/v2\/tags?post=5293"},{"taxonomy":"post_folder","embeddable":true,"href":"https:\/\/www.periferieprahy.cz\/blog\/wp-json\/wp\/v2\/post_folder?post=5293"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}