Pour inclure ces biblioth\u00e8ques dans WordPress, nous devons t\u00e9l\u00e9charger les fichiers JS et CSS d’une biblioth\u00e8que et l’inclure dans le projet via la m\u00e9thode standard<\/a>. Apr\u00e8s cela, conform\u00e9ment \u00e0 la documentation de la biblioth\u00e8que, nous devons envelopper le contenu, appeler la m\u00e9thode pour ouvrir la fen\u00eatre modale.<\/p>\n WordPress a inclus le plugin ThickBox<\/a> jQuery avec une version modifi\u00e9e dans son noyau. Et il peut \u00eatre utilis\u00e9 \u00e0 la place de biblioth\u00e8ques externes. En utilisant cette fonctionnalit\u00e9 de base, nous obtenons l’interface qui est la m\u00eame que les popups modaux dans l’administration WordPress comme sur le bouton multim\u00e9dia.<\/p>\n Vous pouvez essayer cette fonctionnalit\u00e9 int\u00e9gr\u00e9e. S’il r\u00e9pond \u00e0 vos besoins, il vous fait gagner un temps d’int\u00e9gration de biblioth\u00e8que externe.<\/p>\n En utilisant ThickBox avec du contenu en ligne, vous obtiendrez une sortie semblable \u00e0 celle illustr\u00e9e dans la capture d’\u00e9cran ci-dessous.<\/p>\n WordPress ThickBox fonctionne bien avec le contenu en ligne. On peut \u00e9galement utiliser le shortcode dans la bo\u00eete de dialogue modale. \u00c0 titre d’exemple, vous pouvez afficher le formulaire de contact dans la fen\u00eatre modale en utilisant le shortcode du formulaire de contact 7.<\/p>\n Cela dit, voyons comment utiliser ThickBox dans WordPress.<\/p>\n Par exemple, nous affichons un contenu en ligne factice sur le clic de la balise d’ancrage. Alors, placez le code ci-dessous l\u00e0 o\u00f9 vous souhaitez utiliser le ThickBox.<\/p>\n Pour utiliser la Thichbox, nous devons inclure la premi\u00e8re De la m\u00eame mani\u00e8re si vous devez afficher le formulaire de contact dans la bo\u00eete de dialogue modale, alors au lieu d’un contenu factice, vous devez placer un shortcode \u00e0 l’aide de la C’est \u00e7a! Nous esp\u00e9rons que vous comprendrez comment ajouter une bo\u00eete de dialogue modale \u00e0 l’aide de ThickBox dans WordPress. Nous aimerions entendre vos pens\u00e9es dans le commentaire ci-dessous.<\/p>\n Vous pouvez \u00e9galement lire nos articles Rediriger vers la page de remerciement apr\u00e8s la soumission du formulaire de contact 7<\/a> et Comment enregistrer les soumissions du formulaire de contact 7 dans la base de donn\u00e9es WordPress<\/a><\/p>\n![\"Int\u00e9grer](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20705-60821d0c9a8a4.png\")
<\/a><\/p>\nBo\u00eete de dialogue modale utilisant 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>m\u00e9thode. Cette fonction charge la biblioth\u00e8que depuis le noyau. Ensuite, sur l’attribut href de la balise d’ancrage, nous devons transmettre #TB_inline avec la largeur, la hauteur et l’identifiant d’un conteneur dans lequel notre contenu en ligne est envelopp\u00e9.<\/p>\ndo_shortcode()<\/code>fonction de WordPress.<\/p>\n<?php echo do_shortcode('[shortcode_here]'); ?><\/code><\/pre>\n