{"id":5366,"date":"2025-08-03T20:41:23","date_gmt":"2025-08-03T18:41:23","guid":{"rendered":"https:\/\/www.periferieprahy.cz\/blog\/?p=5366"},"modified":"2025-08-03T23:38:51","modified_gmt":"2025-08-03T21:38:51","slug":"nebojte-se-kratkych-kodu-7-tlacitka","status":"publish","type":"post","link":"https:\/\/www.periferieprahy.cz\/blog\/2025\/08\/03\/nebojte-se-kratkych-kodu-7-tlacitka\/","title":{"rendered":"Nebojte se kr\u00e1tk\u00fdch k\u00f3du \u2013 7. tla\u010d\u00edtka"},"content":{"rendered":"\n

Tla\u010d\u00edtka v nab\u00eddce blok\u016f<\/h2>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n

Tla\u010d\u00edtka m\u016f\u017eete tvo\u0159it i v nab\u00eddce blok\u016f. Nen\u00ed to \u017e\u00e1dn\u00e1 sl\u00e1va, ale je to pom\u011brn\u011b snadn\u00fd zp\u016fsob, jak rychle \u0159e\u0161it „v\u00fdrobu tla\u010d\u00edtek“. Hlavn\u00edm nedostatkem t\u011bchto tla\u010d\u00edtek je jej\u00edch robustnost a nevyzpytateln\u00e9 chov\u00e1n\u00ed na mal\u00fdch za\u0159\u00edzen\u00edch (mobily). Minim\u00e1ln\u00ed velikost je 25% zobrazovan\u00e9 plochy. Tla\u010d\u00edtko 1 m\u00e1 nastavenou \u0161\u00ed\u0159ku 50%, ostatn\u00ed t\u011bch 25%. P\u0159edkl\u00e1d\u00e1m n\u011bkter\u00e9 n\u00e1hodn\u011b vytvo\u0159en\u00e1 tla\u010d\u00edtka. V\u0161echna tla\u010d\u00edtka „otev\u00edraj\u00ed“ stejnou str\u00e1nku v\u011bnovanou t\u00e9matice tla\u010d\u00edtek v kr\u00e1tk\u00fdch k\u00f3dech:<\/p>\n\n\n\n

\n
Tla\u010d\u00edtko 1<\/a><\/div>\n\n\n\n
Tla\u010d\u00edtko 2<\/a><\/div>\n\n\n\n
Tal\u010d\u00edtko 3<\/strong><\/a><\/div>\n\n\n\n
Tla\u010d\u00edtko 4<\/a><\/div>\n\n\n\n
Tla\u010d\u00edtko 5<\/a><\/div>\n\n\n\n
Tla\u010d\u00edtko 6<\/strong><\/em><\/a><\/div>\n\n\n\n
Tla\u010d\u00edtko 7<\/i><\/kbd><\/a><\/div>\n<\/div>\n\n\n\n

Tla\u010d\u00edtka pomoc\u00ed kr\u00e1tk\u00fdch k\u00f3d\u016f<\/h2>\n\n\n\n

Jak postupovat? Jako u jin\u00fdch kr\u00e1tk\u00fdch k\u00f3d\u016f: 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 zvolte Tla\u010d\u00edtko a vypl\u0148te dotazn\u00edk:<\/p>\n\n\n\n

Odkaz: <\/strong>URL adresa odkazu<\/p>\n\n\n\n

C\u00edl | targent : Otev\u0159\u00edt V <\/strong>nov\u00e9 tabulce („blank“) \/ stejn\u00e9 tabulce (self“)<\/p>\n\n\n\n

Styl:<\/strong> Style: V\u00fdchoz\u00ed <\/span><\/a> Style: Ploch\u00fd <\/span><\/a> Styl: Duch <\/span><\/a> Styl: M\u011bkk\u00fd <\/span><\/a> Styl: Sklo <\/span><\/a> Styl: Bubliny <\/span><\/a> Styl: \u0160um <\/span><\/a> Styl: Tupovan\u00fd \u0161t\u011btcem <\/span><\/a> Styl: 3d <\/span><\/a>\n\n\n\n

Barva pozad\u00ed<\/strong> tla\u010d\u00edtka: Klikn\u011bte na barvu a v nab\u00eddce ji m\u016f\u017eete zm\u011bnit.<\/p>\n\n\n\n

Barva textu<\/strong> v tla\u010d\u00edtku: Klikn\u011bte na barvu a v nab\u00eddce ji m\u016f\u017eete zm\u011bnit.<\/p>\n\n\n\n

Velikost:<\/strong> mo\u017eno zvolit od jedn\u00e9 <\/i> Velikost 1<\/span><\/a> do velikosti 20 <\/i> Velikost 20<\/span><\/a>\n\n\n\n

Prom\u011bnliv\u00e9:<\/strong> ANO \/ NE? Kdy\u017e ANO, bude tla\u010d\u00edtko p\u0159es celou \u0161\u00ed\u0159ku:<\/i> Cel\u00e1 \u0161\u00ed\u0159ka<\/span><\/a>\n\n\n\n

Centrov\u00e1no:<\/strong> ANO \/ NE? Kdy\u017e ano, tla\u010d\u00edtko je centrov\u00e1no na str\u00e1nce <\/p>\n\n\n\n

\u00dahel:<\/strong> Velikost zaoblen\u00ed roh\u016f tla\u010d\u00edtka <\/i> AutomatickyOdvis\u00ed od velikosti tla\u010d\u00edtka<\/small><\/span><\/a> <\/i> Zaoblen\u00fd<\/span><\/a> <\/i> Hranat\u00fd<\/span><\/a> <\/i> 5px<\/span><\/a> <\/i> 10px<\/span><\/a> <\/i> 20px<\/span><\/a>\n\n\n\n

Ikonka:<\/strong> ikonku tla\u010d\u00edtka m\u016f\u017eete zvolit vlastn\u00ed ( klikn\u011bte na „Spr\u00e1vce m\u00e9di\u00ed“), velikost zvolen\u00e9ho obr\u00e1zku se p\u0159izp\u016fsob\u00ed velikosti tla\u010d\u00edtka, ale nelze m\u011bnit barvy \"Vlastn\u00ed Vlastn\u00ed ikonka<\/span><\/a>. Nebo klikn\u011bte na „V\u00fdb\u011br ikony“ a vyb\u00edrejte ze \u0161irok\u00e9 nab\u00eddky.<\/p>\n\n\n\n

Barva ikony:<\/strong> Klikn\u011bte na barvu a upravte dle pot\u0159eby. Tato barva bude aplikov\u00e1na na vybranou ikonu. Nebude fungovat na ikony vybran\u00e9 ve va\u0161\u00ed knihovn\u011b m\u00e9di\u00ed.<\/p>\n\n\n\n

St\u00edn textu:<\/strong> bohu\u017eel s t\u00edm jsem se nezab\u00fdval.<\/p>\n\n\n\n

Popis<\/strong>: Drobn\u00fd popis pod textem tla\u010d\u00edtka. \"Popis Popis pod t\u00edmto textemPopis pod textem tla\u010d\u00edtka. <\/small><\/span><\/a>\n\n\n\n

St\u00e1hnout<\/strong>: Atribut download ur\u010duje, \u017ee URL adresa tla\u010d\u00edtka bude sta\u017eena po kliknut\u00ed u\u017eivatele na tla\u010d\u00edtko. Hodnota atributu bude n\u00e1zev sta\u017een\u00e9ho souboru.<\/p>\n\n\n\n

P\u0159i kliknut\u00ed:<\/strong> Pokro\u010dil\u00fd javaskriptov\u00fd k\u00f3d pro onClick. Zat\u00edm jsem se t\u00edm nezab\u00fdval. <\/p>\n\n\n\n

Stejn\u011b tak jsem nevyu\u017eil Atribut rel. <\/strong> | Atribut n\u00e1zvu<\/strong> | ID tla\u010d\u00edtka<\/strong> | Speci\u00e1ln\u00ed CSS t\u0159\u00edda.<\/strong><\/p>\n\n\n\n

Tu\u010dn\u00e9 p\u00edsmo <\/strong>textu tla\u010d\u00edtka: ANO \/NE<\/p>\n\n\n\n

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

Kr\u00e1tk\u00fd k\u00f3d pro tla\u010d\u00edtka v\u00e1m umo\u017e\u0148uje vytv\u00e1\u0159et vysoce p\u0159izp\u016fsobiteln\u00e1 tla\u010d\u00edtka. M\u016f\u017eete zm\u011bnit styl tla\u010d\u00edtka, barvy, velikost, p\u0159idat ikonu nebo popis. Jeden z nej\u00fasp\u011b\u0161n\u011bj\u0161\u00edch kr\u00e1tk\u00fdch k\u00f3d\u016f.<\/p>\n","protected":false},"author":1,"featured_media":5374,"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-5366","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\/5366","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=5366"}],"version-history":[{"count":23,"href":"https:\/\/www.periferieprahy.cz\/blog\/wp-json\/wp\/v2\/posts\/5366\/revisions"}],"predecessor-version":[{"id":5414,"href":"https:\/\/www.periferieprahy.cz\/blog\/wp-json\/wp\/v2\/posts\/5366\/revisions\/5414"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.periferieprahy.cz\/blog\/wp-json\/wp\/v2\/media\/5374"}],"wp:attachment":[{"href":"https:\/\/www.periferieprahy.cz\/blog\/wp-json\/wp\/v2\/media?parent=5366"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.periferieprahy.cz\/blog\/wp-json\/wp\/v2\/categories?post=5366"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.periferieprahy.cz\/blog\/wp-json\/wp\/v2\/tags?post=5366"},{"taxonomy":"post_folder","embeddable":true,"href":"https:\/\/www.periferieprahy.cz\/blog\/wp-json\/wp\/v2\/post_folder?post=5366"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}