Aby w\u0142\u0105czy\u0107 te biblioteki do WordPressa, musimy pobra\u0107 pliki JS i CSS danej biblioteki i w standardowy spos\u00f3b<\/a> w\u0142\u0105czy\u0107 j\u0105 do projektu. Nast\u0119pnie, zgodnie z dokumentacj\u0105 biblioteki, musimy zawin\u0105\u0107 zawarto\u015b\u0107, wywo\u0142a\u0107 metod\u0119, aby otworzy\u0107 okno modalne.<\/p>\n WordPress zawiera\u0142 w swoim rdzeniu wtyczk\u0119 ThickBox<\/a> jQuery ze zmodyfikowan\u0105 wersj\u0105. I mo\u017ce by\u0107 u\u017cywany zamiast bibliotek zewn\u0119trznych. Korzystaj\u0105c z tej podstawowej funkcji, otrzymujemy interfejs, kt\u00f3ry jest taki sam jak wyskakuj\u0105ce okienka modalne w administratorze WordPress, jak na przycisku medi\u00f3w.<\/p>\n Mo\u017cesz spr\u00f3bowa\u0107 tej wbudowanej funkcji. Je\u015bli spe\u0142nia Twoje potrzeby, oszcz\u0119dza czas integracji zewn\u0119trznej biblioteki.<\/p>\n U\u017cywaj\u0105c ThickBox z zawarto\u015bci\u0105 w wierszu, otrzymasz wynik podobny do pokazanego na poni\u017cszym zrzucie ekranu.<\/p>\n WordPress ThickBox dobrze wsp\u00f3\u0142pracuje z tre\u015bci\u0105 wstawian\u0105. Shortcode mo\u017cna u\u017cywa\u0107 r\u00f3wnie\u017c w oknie modalnym. Jako przyk\u0142ad mo\u017cesz wy\u015bwietli\u0107 formularz kontaktowy w oknie modalnym za pomoc\u0105 formularza kontaktowego 7.<\/p>\n Powiedziawszy to, zobaczmy, jak korzysta\u0107 z ThickBox w WordPressie.<\/p>\n Na przyk\u0142ad wy\u015bwietlamy fikcyjn\u0105 zawarto\u015b\u0107 w wierszu po klikni\u0119ciu tagu kotwicy. Dlatego umie\u015b\u0107 poni\u017cszy kod w dowolnym miejscu, w kt\u00f3rym chcesz u\u017cy\u0107 ThickBox.<\/p>\n Aby skorzysta\u0107 z Thichbox, musimy do\u0142\u0105czy\u0107 pierwsz\u0105 W ten sam spos\u00f3b, je\u015bli chcesz wy\u015bwietli\u0107 formularz kontaktowy w modalnym oknie dialogowym, zamiast fikcyjnej tre\u015bci musisz umie\u015bci\u0107 shortcode za pomoc\u0105 Ot\u00f3\u017c \u200b\u200bto! Mamy nadziej\u0119, \u017ce rozumiesz, jak doda\u0107 modalne okno dialogowe za pomoc\u0105 ThickBox w WordPress. Chcieliby\u015bmy us\u0142ysze\u0107 Twoje przemy\u015blenia w poni\u017cszym komentarzu.<\/p>\n Mo\u017cesz r\u00f3wnie\u017c przeczyta\u0107 nasze artyku\u0142y Przekieruj na stron\u0119 z podzi\u0119kowaniami po przes\u0142aniu formularza kontaktowego 7<\/a> i jak zapisa\u0107 formularz kontaktowy 7 Zg\u0142oszenia do bazy danych WordPress<\/a><\/p>\n![\"Zintegruj](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20705-60821d0c9a8a4.png\")
<\/a><\/p>\nModalne okno dialogowe za pomoc\u0105 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>metod\u0119. Ta funkcja \u0142aduje bibliotek\u0119 z j\u0105dra. Nast\u0119pnie w atrybucie href tagu anchor musimy przekaza\u0107 #TB_inline wraz z szeroko\u015bci\u0105, wysoko\u015bci\u0105 i id kontenera, w kt\u00f3rym zawini\u0119ta jest nasza tre\u015b\u0107 inline.<\/p>\ndo_shortcode()<\/code>funkcji WordPress.<\/p>\n<?php echo do_shortcode('[shortcode_here]'); ?><\/code><\/pre>\n