Um diese Bibliotheken in WordPress einzubinden, m\u00fcssen wir JS- und CSS-Dateien einer Bibliothek herunterladen und auf dem Standardweg<\/a> in das Projekt einbinden<\/a>. Danach m\u00fcssen wir gem\u00e4\u00df der Bibliotheksdokumentation den Inhalt umschlie\u00dfen und die Methode aufrufen, um das modale Fenster zu \u00f6ffnen.<\/p>\n WordPress hat das ThickBox<\/a> jQuery-Plugin mit modifizierter Version in seinen Kern integriert. Und es kann anstelle von externen Bibliotheken verwendet werden. Mit dieser Kernfunktion erhalten wir die Benutzeroberfl\u00e4che, die den modalen Popups im WordPress-Administrator wie auf der Medienschaltfl\u00e4che entspricht.<\/p>\n Sie k\u00f6nnen diese integrierte Funktion ausprobieren. Wenn es Ihre Anforderungen erf\u00fcllt, spart es Zeit f\u00fcr die Integration externer Bibliotheken.<\/p>\n Wenn Sie ThickBox mit Inline-Inhalten verwenden, erhalten Sie die Ausgabe etwa wie im folgenden Screenshot gezeigt.<\/p>\n WordPress ThickBox funktioniert gut mit dem Inline-Inhalt. Shortcode kann auch im modalen Dialog verwendet werden. Als Beispiel k\u00f6nnen Sie das Kontaktformular im modalen Fenster mit dem Shortcode des Kontaktformulars 7 anzeigen.<\/p>\n Sehen wir uns jedoch an, wie Sie ThickBox in WordPress verwenden.<\/p>\n Zum Beispiel zeigen wir Dummy-Inline-Inhalte beim Klicken auf das Anker-Tag an. Platzieren Sie den folgenden Code also \u00fcberall dort, wo Sie die ThickBox verwenden m\u00f6chten.<\/p>\n Um die Thichbox zu verwenden, m\u00fcssen wir die erste Auf die gleiche Weise, wenn Sie das Kontaktformular im modalen Dialog anzeigen m\u00fcssen, m\u00fcssen Sie anstelle von Dummy-Inhalten einen Shortcode mit der Das ist es! Wir hoffen, dass Sie verstehen, wie Sie mit ThickBox in WordPress ein modales Dialogfeld hinzuf\u00fcgen. Wir w\u00fcrden gerne Ihre Meinung im Kommentar unten h\u00f6ren.<\/p>\n Vielleicht m\u00f6chten<\/a> Sie auch unsere Artikel Weiterleiten zur Dankesseite nach der \u00dcbermittlung des Kontaktformulars 7<\/a> und zum Speichern von \u00dcbermittlungen des Kontaktformulars 7 in der WordPress-Datenbank<\/a> lesen<\/a><\/p>\n![\"Integrieren](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20705-60821d0c9a8a4.png\")
<\/a><\/p>\nModales Dialogfeld mit 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>Methode einschlie\u00dfen. Diese Funktion l\u00e4dt die Bibliothek aus dem Kern. Als n\u00e4chstes m\u00fcssen wir im href-Attribut des Anker-Tags #TB_inline zusammen mit Breite, H\u00f6he und ID eines Containers \u00fcbergeben, in den unser Inline-Inhalt eingeschlossen ist.<\/p>\ndo_shortcode()<\/code>Funktion von WordPress platzieren.<\/p>\n<?php echo do_shortcode('[shortcode_here]'); ?><\/code><\/pre>\n