{"id":24092,"date":"2021-05-07T14:01:00","date_gmt":"2021-05-07T11:01:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=24092"},"modified":"2021-10-17T19:26:35","modified_gmt":"2021-10-17T16:26:35","slug":"integreerige-modaalne-dialoogiboks-wordpressi-sisseehitatud-thickboxi-abil","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/et\/integreerige-modaalne-dialoogiboks-wordpressi-sisseehitatud-thickboxi-abil\/","title":{"rendered":"Integreerige modaalne dialoogiboks WordPressi sisseehitatud ThickBoxi abil"},"content":{"rendered":"

Modaalsed dialoogid peavad m\u00f5nikord tingimata integreeruma WordPressi veebisaidiga. Modaalse dialoogi abil saame sisu kuvada praeguse lehe \u00fclaosas.<\/p>\n

Kui tegemist on modaalse h\u00fcpikaknaga, eelistavad inimesed tavaliselt kasutada valguskasti<\/a> v\u00f5i Fancyboxi<\/a> teeki. Need on populaarsed raamatukogud ja t\u00f6\u00f6tavad \u00fcsna h\u00e4sti.<\/p>\n

Nende raamatukogude kaasamiseks WordPressi peame alla laadima JS- ja CSS-failid ning kaasama selle projekti tavap\u00e4rasel viisil<\/a>. P\u00e4rast seda, vastavalt raamatukogu dokumentatsioonile, peame sisu pakkima, modaalse akna avamiseks helistama meetodile.<\/p>\n

WordPressi tuum sisaldab muudetud versiooniga pistikprogrammi ThickBox<\/a> jQuery. Ja seda saab kasutada v\u00e4liste raamatukogude asemel. Selle p\u00f5hifunktsiooni abil saame liidese, mis on sama mis WordPressi administraatori modaalsed h\u00fcpikaknad nagu meediuminupul.<\/p>\n

V\u00f5ite seda sisseehitatud funktsiooni proovida. Kui see t\u00e4idab teie vajadusi, s\u00e4\u00e4stab see v\u00e4lise teegi integreerimise aega.<\/p>\n

Kasutades ThickBoxi sisemise sisuga, saate v\u00e4ljundi umbes nagu allpool oleval ekraanipildil n\u00e4idatud.<\/p>\n

\"Integreerige<\/a><\/p>\n

Modaalne dialoogiboks ThickBoxi abil<\/h3>\n

WordPress ThickBox t\u00f6\u00f6tab h\u00e4sti sisemise sisuga. L\u00fchikoodi saab kasutada ka modaalses dialoogis. N\u00e4iteks saate modaalses aknas n\u00e4idata kontaktivormi, kasutades kontaktivormi 7 l\u00fchikoodi.<\/p>\n

Seda \u00f6eldes vaatame, kuidas kasutada WordPressis ThickBoxi.<\/p>\n

N\u00e4iteks kuvame ankrum\u00e4rgi klikil n\u00e4iva sisemise sisu. Niisiis, sisestage allolev kood k\u00f5ikjale, kuhu soovite ThickBoxi kasutada.<\/p>\n

<?php add_ThickBox(); ?>\n<div id=\"dummy-content-id\" style=\"display:none;\">\n\u00a0\u00a0\u00a0\u00a0<p>\n\u00a0\u00a0\u00a0\u00a0Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n\u00a0\u00a0\u00a0\u00a0<\/p>\n<\/div>\n\u00a0\n<a href=\"#TB_inline?width=600&height=350&inlineId=dummy-content-id\" title=\"Inline Content\" class=\"ThickBox\">View dummy content!<\/a><\/code><\/pre>\n
Thichboxi kasutamiseks peame lisama esimese add_ThickBox()<\/code>meetodi. See funktsioon laadib teegi p\u00f5hiosast. J\u00e4rgmisena peame ankrum\u00e4rgendil href atribuudil edastama # TB_inline koos konteineri laiuse, k\u00f5rguse ja ID-ga, millesse meie sisemine sisu on m\u00e4hitud.<\/p>\n
Samamoodi, kui peate modaalses dialoogiboksis kuvama kontaktivormi, peate n\u00e4iva sisu asemel do_shortcode()<\/code>WordPressi funktsiooni abil sisestama l\u00fchikoodi .<\/p>\n
<?php echo do_shortcode('[shortcode_here]'); ?><\/code><\/pre>\n
See selleks! Loodame, et m\u00f5istate, kuidas lisada modaalset dialoogiboksi WordPressi ThickBoxi abil. Tahaksime teie m\u00f5tteid kuulda allpool olevas kommentaaris.<\/p>\n
Samuti v\u00f5iksite lugeda meie artikleid Suunamine t\u00e4nulehele p\u00e4rast kontaktivormi 7 esitamist<\/a> ja kontaktivormi 7 esildiste salvestamine WordPressi andmebaasi<\/a><\/p>\n
:  artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
Selles artiklis k\u00e4sitleme modaalset dialoogiboksi, kasutades WordPressi sisseehitatud ThickBoxi. Kasutades ThickBoxi, saame v\u00e4lise integreerimise eest aega kokku hoida<\/p>\n","protected":false},"author":1,"featured_media":20706,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[498,420,609],"tags":[842],"class_list":["post-24092","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-laravel2-5","category-mitmesugused-et","category-uncategorized-5","tag-affiai-et"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/posts\/24092","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/comments?post=24092"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/posts\/24092\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/media\/20706"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/media?parent=24092"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/categories?post=24092"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/tags?post=24092"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}