F\u00f6r att inkludera dessa bibliotek i WordPress m\u00e5ste vi ladda ner JS- och CSS-filer fr\u00e5n ett bibliotek och inkludera det i projektet p\u00e5 vanligt s\u00e4tt<\/a>. Efter det, enligt biblioteksdokumentationen, m\u00e5ste vi l\u00e4gga in inneh\u00e5ll, ring metoden f\u00f6r att \u00f6ppna modalf\u00f6nstret.<\/p>\n WordPress inkluderade ThickBox<\/a> jQuery-plugin med modifierad version i sin k\u00e4rna. Och det kan anv\u00e4ndas i st\u00e4llet f\u00f6r externa bibliotek. Med den h\u00e4r k\u00e4rnfunktionen f\u00e5r vi gr\u00e4nssnittet som \u00e4r detsamma som modala popup-f\u00f6nster i WordPress-admin som p\u00e5 medieknappen.<\/p>\n Du kan prova den h\u00e4r inbyggda funktionen. Om det uppfyller dina behov sparar det tid att integrera externt bibliotek.<\/p>\n Med ThickBox med inbyggt inneh\u00e5ll f\u00e5r du utdata ungef\u00e4r som visas i sk\u00e4rmdumpen nedan.<\/p>\n WordPress ThickBox fungerar bra med det integrerade inneh\u00e5llet. Man kan ocks\u00e5 anv\u00e4nda kortkod i modaldialogen. Som ett exempel kan du visa kontaktformul\u00e4r i modalf\u00f6nstret med hj\u00e4lp av kortformul\u00e4ret f\u00f6r kontaktformul\u00e4r 7.<\/p>\n Med detta sagt, l\u00e5t oss se hur man anv\u00e4nder ThickBox i WordPress.<\/p>\n Till exempel visar vi inbyggt dummyinneh\u00e5ll genom att klicka p\u00e5 ankartaggen. S\u00e5 placera koden nedan vart du vill anv\u00e4nda ThickBox.<\/p>\n F\u00f6r att anv\u00e4nda Thichbox m\u00e5ste vi inkludera den f\u00f6rsta Samma s\u00e4tt om du beh\u00f6ver visa kontaktformul\u00e4ret i modaldialogen, ist\u00e4llet f\u00f6r dummyinneh\u00e5ll m\u00e5ste du placera kortkod med Det \u00e4r allt! Vi hoppas att du f\u00f6rst\u00e5r hur du l\u00e4gger till en modal dialogruta med ThickBox i WordPress. Vi vill h\u00f6ra dina tankar i kommentaren nedan.<\/p>\n Du kanske ocks\u00e5 vill l\u00e4sa v\u00e5ra artiklar Omdirigera till tack-sida efter kontaktformul\u00e4r 7-inl\u00e4mning<\/a> och hur man sparar kontaktformul\u00e4r 7-inl\u00e4mningar till WordPress-databas<\/a><\/p>\n![\"Integrera](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20705-60821d0c9a8a4.png\")
<\/a><\/p>\nDialogrutan Modal med hj\u00e4lp av ThickBox<\/h3>\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>\nadd_ThickBox()<\/code>metoden. Den h\u00e4r funktionen laddar biblioteket fr\u00e5n k\u00e4rnan. D\u00e4refter m\u00e5ste vi p\u00e5 href-attributet p\u00e5 ankartaggen skicka #TB_inline tillsammans med bredd, h\u00f6jd och id f\u00f6r en container d\u00e4r v\u00e5rt inbyggda inneh\u00e5ll \u00e4r insvept.<\/p>\ndo_shortcode()<\/code>WordPress-funktionen.<\/p>\n<?php echo do_shortcode('[shortcode_here]'); ?><\/code><\/pre>\n