{"id":2774,"date":"2016-02-21T08:18:52","date_gmt":"2016-02-21T08:18:52","guid":{"rendered":"http:\/\/musilda.cz\/?p=2774"},"modified":"2016-02-21T08:18:52","modified_gmt":"2016-02-21T08:18:52","slug":"jak-pridat-popup-okno-na-wordpress-web","status":"publish","type":"post","link":"https:\/\/affinite.io\/cs\/jak-pridat-popup-okno-na-wordpress-web\/","title":{"rendered":"Jak p\u0159idat popup okno na WordPress web"},"content":{"rendered":"\n<p>Popup okna zn\u00e1me v\u0161ichni, jsou ta nep\u0159\u00edjemn\u00e1 ok\u00e9nka, kter\u00e9 na n\u00e1s vysko\u010d\u00ed, kdy\u017e p\u0159ijdeme na n\u011bjakou str\u00e1nku. M\u016f\u017eeme je nesn\u00e1\u0161et, ale pravdou je, \u017ee prost\u011b funguj\u00ed.<\/p>\n\n\n\n<p>Pro p\u0159ed\u00e1n\u00ed d\u016fle\u017eit\u00e9 informace, nen\u00ed snad \u00fa\u010dinn\u011bj\u0161\u00ed zp\u016fsob, ne\u017e popup okno. Jak jej ale p\u0159id\u00e1me na str\u00e1nku?<\/p>\n\n\n\n<p>Na\u0161t\u011bst\u00ed je WordPress pln\u00fd plugin\u016f, kter\u00e9 se daj\u00ed vyu\u017e\u00edt a jeden z nich se jmenuje <a href=\"http:\/\/WordPress PopUp\" target=\"_blank\" rel=\"noopener\">WordPress Popup<\/a>.<\/p>\n\n\n\n<p>Po jeho nainstalov\u00e1n\u00ed, najdete v lev\u00e9m menu novou polo\u017eku &#8211; Popup<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"http:\/\/musilda.cz\/wp-content\/uploads\/2016\/02\/wordpress-popup.jpg\" rel=\"attachment wp-att-2777 noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" width=\"327\" height=\"191\" src=\"http:\/\/musilda.cz\/wp-content\/uploads\/2016\/02\/wordpress-popup.jpg\" alt=\"wordpress-popup\" class=\"wp-image-2777\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2016\/02\/wordpress-popup.jpg 327w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2016\/02\/wordpress-popup-300x175.jpg 300w\" sizes=\"(max-width: 327px) 100vw, 327px\" \/><\/a><\/figure><\/div>\n\n\n<p>Nejprve se pod\u00edv\u00e1me na nastaven\u00ed. Je zde formul\u00e1\u0159, pomoc\u00ed kter\u00e9ho m\u016f\u017eeme ur\u010dit, jak se bude popup vytv\u00e1\u0159et.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"http:\/\/musilda.cz\/wp-content\/uploads\/2016\/02\/wordpress-popup.setting.jpg\" rel=\"attachment wp-att-2778 noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" width=\"664\" height=\"351\" src=\"http:\/\/musilda.cz\/wp-content\/uploads\/2016\/02\/wordpress-popup.setting.jpg\" alt=\"wordpress-popup.setting\" class=\"wp-image-2778\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2016\/02\/wordpress-popup.setting.jpg 664w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2016\/02\/wordpress-popup.setting-300x159.jpg 300w\" sizes=\"(max-width: 664px) 100vw, 664px\" \/><\/a><\/figure><\/div>\n\n\n<p>Toto si zasluhuje men\u0161\u00ed vysv\u011btlen\u00ed.<\/p>\n\n\n\n<p><strong>Page Footer<\/strong> znamen\u00e1, \u017ee se p\u0159i na\u010dten\u00ed str\u00e1nky, vyp\u00ed\u0161e html k\u00f3d popup okna, p\u0159\u00edmo do k\u00f3du str\u00e1nky a z toho m\u00edsta bude zobrazen.<\/p>\n\n\n\n<p><strong>WordPress AJAX<\/strong> znamen\u00e1, \u017ee se nejprve na\u010dte str\u00e1nka a po jej\u00edm na\u010dten\u00ed se zavol\u00e1 ajax funkce, kter\u00e1 z\u00edsk\u00e1 obsah popup okna a zobraz\u00ed jej.<\/p>\n\n\n\n<p><strong>Custom AJAX<\/strong> je v podstat\u011b stejn\u00fd zp\u016fsob, jako p\u0159edchoz\u00ed, ale za pomoc\u00ed v\u00e1mi vytvo\u0159en\u00e9ho ajaxov\u00e9ho vol\u00e1n\u00ed. To se m\u016f\u017ee vyplatit v p\u0159\u00edpad\u011b, \u017ee WordPress AJAX je z n\u011bjak\u00e9ho d\u016fvodu p\u0159et\u011b\u017eovan\u00fd a pomal\u00fd.<\/p>\n\n\n\n<p><strong>Anonymous Script<\/strong> je dostupn\u00fd pouze v PRO verzi a \u00fadajn\u011b by m\u011bl obst\u00e1t p\u0159ed r\u016fzn\u00fdmi blokery reklam.<\/p>\n\n\n\n<p>Vyberte bu\u010f WordPress AJAX, nebo Page footer a popup bude fungovat.<\/p>\n\n\n\n<p>N\u00e1sleduje dlouh\u00fd seznam shortc\u00f3d\u016f, kter\u00e9 jsou pluginem podporov\u00e1ny a m\u016f\u017eete je v popup okn\u011b pou\u017e\u00edt.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"http:\/\/musilda.cz\/wp-content\/uploads\/2016\/02\/wordpress-popup-shortcodes.jpg\" rel=\"attachment wp-att-2779 noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" width=\"948\" height=\"535\" src=\"http:\/\/musilda.cz\/wp-content\/uploads\/2016\/02\/wordpress-popup-shortcodes.jpg\" alt=\"wordpress-popup-shortcodes\" class=\"wp-image-2779\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2016\/02\/wordpress-popup-shortcodes.jpg 948w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2016\/02\/wordpress-popup-shortcodes-300x169.jpg 300w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2016\/02\/wordpress-popup-shortcodes-768x433.jpg 768w\" sizes=\"(max-width: 948px) 100vw, 948px\" \/><\/a><\/figure><\/div>\n\n\n<p>Dal\u0161\u00ed \u010d\u00e1st nastaven\u00ed, jsou podm\u00ednky pro zobrazov\u00e1n\u00ed. Bohu\u017eel ve free verzi jsou k dispozici jen tyto:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>dle url<\/li>\n\n\n\n<li>dle prohl\u00ed\u017ee\u010de<\/li>\n\n\n\n<li>hodnota popup okna<\/li>\n\n\n\n<li>dle zdroje<\/li>\n\n\n\n<li>dle stavu u\u017eivatele &#8211; p\u0159ihl\u00e1\u0161en\u00ed\/nep\u0159ihl\u00e1\u0161en\u00fd, komentoval\/nekomentoval..<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Vytvo\u0159en\u00ed popup okna<\/h2>\n\n\n\n<p>Jakmile je nastaven\u00ed ulo\u017eeno, m\u016f\u017eete vytvo\u0159it nov\u00e9 popup okno.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"http:\/\/musilda.cz\/wp-content\/uploads\/2016\/02\/wordpress-popup-content.jpg\" rel=\"attachment wp-att-2780 noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" width=\"870\" height=\"817\" src=\"http:\/\/musilda.cz\/wp-content\/uploads\/2016\/02\/wordpress-popup-content.jpg\" alt=\"wordpress-popup-content\" class=\"wp-image-2780\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2016\/02\/wordpress-popup-content.jpg 870w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2016\/02\/wordpress-popup-content-300x282.jpg 300w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2016\/02\/wordpress-popup-content-768x721.jpg 768w\" sizes=\"(max-width: 870px) 100vw, 870px\" \/><\/a><\/figure><\/div>\n\n\n<p>Jm\u00e9no okna je pouze pro va\u0161i orientaci, zobrazovat se nikde nebude.<\/p>\n\n\n\n<p>Do okna m\u016f\u017eete zadat jeho nadpis, podnadpis, n\u00e1hledov\u00fd obr\u00e1zek a obsah. Pro obsah je k dispozici editor, kter\u00fd zn\u00e1te z vytv\u00e1\u0159en\u00ed p\u0159\u00edsp\u011bvk\u016f.<\/p>\n\n\n\n<p>Tak\u00e9 m\u016f\u017eete vytvo\u0159it Call to action tla\u010d\u00edtko, kter\u00e9 se bude v okn\u011b zobrazovat.<\/p>\n\n\n\n<p>Pod \u010d\u00e1st\u00ed, v kter\u00e9 vytv\u00e1\u0159\u00edte obsah okna, najdete dva boxy, v nich\u017e nastav\u00edte vzhled okna.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"http:\/\/musilda.cz\/wp-content\/uploads\/2016\/02\/wordpress-popup-apper.jpg\" rel=\"attachment wp-att-2781 noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" width=\"859\" height=\"644\" src=\"http:\/\/musilda.cz\/wp-content\/uploads\/2016\/02\/wordpress-popup-apper.jpg\" alt=\"wordpress-popup-apper\" class=\"wp-image-2781\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2016\/02\/wordpress-popup-apper.jpg 859w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2016\/02\/wordpress-popup-apper-300x225.jpg 300w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2016\/02\/wordpress-popup-apper-768x576.jpg 768w\" sizes=\"(max-width: 859px) 100vw, 859px\" \/><\/a><\/figure><\/div>\n\n\n<p>Naklik\u00e1te si barvu okna, jeho velikost a dal\u0161\u00ed prvky.<\/p>\n\n\n\n<p>N\u00e1sleduje nastaven\u00ed podm\u00ednek. Z n\u00e1zvu plyne, \u017ee zde si vytvo\u0159\u00edte pravidla, kdy se bude okno zobrazovat. M\u016f\u017eete si tak perfektn\u011b nastavit, nap\u0159\u00edklad zobrazen\u00ed popup okna, jen u konkr\u00e9tn\u00ed str\u00e1nky.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"http:\/\/musilda.cz\/wp-content\/uploads\/2016\/02\/wordpress-popup-contition.jpg\" rel=\"attachment wp-att-2782 noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" width=\"859\" height=\"510\" src=\"http:\/\/musilda.cz\/wp-content\/uploads\/2016\/02\/wordpress-popup-contition.jpg\" alt=\"wordpress-popup-contition\" class=\"wp-image-2782\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2016\/02\/wordpress-popup-contition.jpg 859w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2016\/02\/wordpress-popup-contition-300x178.jpg 300w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2016\/02\/wordpress-popup-contition-768x456.jpg 768w\" sizes=\"(max-width: 859px) 100vw, 859px\" \/><\/a><\/figure><\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"http:\/\/musilda.cz\/wp-content\/uploads\/2016\/02\/wordpress-popup-conditon.jpg\" rel=\"attachment wp-att-2783 noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" width=\"857\" height=\"507\" src=\"http:\/\/musilda.cz\/wp-content\/uploads\/2016\/02\/wordpress-popup-conditon.jpg\" alt=\"wordpress-popup-conditon\" class=\"wp-image-2783\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2016\/02\/wordpress-popup-conditon.jpg 857w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2016\/02\/wordpress-popup-conditon-300x177.jpg 300w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2016\/02\/wordpress-popup-conditon-768x454.jpg 768w\" sizes=\"(max-width: 857px) 100vw, 857px\" \/><\/a><\/figure><\/div>\n\n\n<p>Posledn\u00ed box obsahuje jen velkou textareu, do kter\u00e9 m\u016f\u017eete zapsat v\u00e1\u0161 vlastn\u00ed css styl.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"http:\/\/musilda.cz\/wp-content\/uploads\/2016\/02\/wordpress-popup-css.jpg\" rel=\"attachment wp-att-2784 noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" width=\"857\" height=\"382\" src=\"http:\/\/musilda.cz\/wp-content\/uploads\/2016\/02\/wordpress-popup-css.jpg\" alt=\"wordpress-popup-css\" class=\"wp-image-2784\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2016\/02\/wordpress-popup-css.jpg 857w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2016\/02\/wordpress-popup-css-300x134.jpg 300w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2016\/02\/wordpress-popup-css-768x342.jpg 768w\" sizes=\"(max-width: 857px) 100vw, 857px\" \/><\/a><\/figure><\/div>\n\n\n<p>A \u00fapln\u011b na konec, popup ulo\u017e\u00edte a aktivujete. P\u0159\u00edpadn\u011b si jej p\u0159ed ulo\u017een\u00edm m\u016f\u017eete zobrazit.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"294\" height=\"135\" src=\"https:\/\/musilda.cz\/wp-content\/uploads\/2016\/02\/wordpress-popup-metabox.jpg\" alt=\"\" class=\"wp-image-2785\" \/><\/figure><\/div>\n\n\n<p>P\u0159esto\u017ee je \u010d\u00e1st funkc\u00ed dostupn\u00e1 jen v pro verzi, p\u0159ekvapilo mne, jak snadno se plugin nastavuje. Ur\u010dit\u011b pro n\u011bj \u0159eda z v\u00e1s najde vyu\u017eit\u00ed.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Popup okna zn\u00e1me v\u0161ichni, jsou ta nep\u0159\u00edjemn\u00e1 ok\u00e9nka, kter\u00e9 na n\u00e1s vysko\u010d\u00ed, kdy\u017e p\u0159ijdeme na n\u011bjakou str\u00e1nku. M\u016f\u017eeme je nesn\u00e1\u0161et, ale pravdou je, \u017ee prost\u011b funguj\u00ed. Pro p\u0159ed\u00e1n\u00ed d\u016fle\u017eit\u00e9 informace, nen\u00ed snad \u00fa\u010dinn\u011bj\u0161\u00ed zp\u016fsob, ne\u017e popup okno. Jak jej ale p\u0159id\u00e1me na str\u00e1nku? Na\u0161t\u011bst\u00ed je WordPress pln\u00fd plugin\u016f, kter\u00e9 se daj\u00ed vyu\u017e\u00edt a jeden z<\/p>\n","protected":false},"author":1,"featured_media":9483,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_lock_modified_date":false,"footnotes":""},"categories":[12,31],"tags":[290,460,505],"class_list":["post-2774","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-navody","category-wordpress-pluginy","tag-popup","tag-wordpress-2","tag-wordpress-pluginy"],"_links":{"self":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/posts\/2774"}],"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=2774"}],"version-history":[{"count":0,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/posts\/2774\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/media\/9483"}],"wp:attachment":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/media?parent=2774"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/categories?post=2774"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/tags?post=2774"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}