Para incluir estas bibliotecas en WordPress, tenemos que descargar archivos JS y CSS de una biblioteca e incluirla en el proyecto de la manera est\u00e1ndar<\/a>. Despu\u00e9s de eso, seg\u00fan la documentaci\u00f3n de la biblioteca, necesitamos ajustar el contenido, llamar al m\u00e9todo para abrir la ventana modal.<\/p>\n WordPress incluy\u00f3 el complemento<\/a> jQuery de ThickBox<\/a> con una versi\u00f3n modificada en su n\u00facleo. Y se puede utilizar en lugar de bibliotecas externas. Usando esta caracter\u00edstica principal, obtenemos la interfaz que es la misma que las ventanas emergentes modales en el administrador de WordPress como en el bot\u00f3n de medios.<\/p>\n Puede probar esta funci\u00f3n incorporada. Si satisface sus necesidades, le ahorrar\u00e1 tiempo al integrar una biblioteca externa.<\/p>\n Usando ThickBox con contenido en l\u00ednea, obtendr\u00e1 el resultado como se muestra en la siguiente captura de pantalla.<\/p>\n WordPress ThickBox funciona bien con el contenido en l\u00ednea. Tambi\u00e9n se puede usar shortcode en el di\u00e1logo modal. Como ejemplo, puede mostrar el formulario de contacto en la ventana modal utilizando el c\u00f3digo corto del formulario de contacto 7.<\/p>\n Dicho esto, veamos c\u00f3mo usar ThickBox en WordPress.<\/p>\n Por ejemplo, estamos mostrando contenido ficticio en l\u00ednea con el clic de la etiqueta de anclaje. Por lo tanto, coloque el siguiente c\u00f3digo donde desee usar el ThickBox.<\/p>\n Para usar Thichbox, necesitamos incluir el primer De la misma manera, si necesita mostrar el formulario de contacto en el cuadro de di\u00e1logo modal, en lugar de contenido ficticio, debe colocar un c\u00f3digo corto utilizando la \u00a1Eso es! Esperamos que comprenda c\u00f3mo agregar un cuadro de di\u00e1logo modal usando ThickBox en WordPress. Nos gustar\u00eda conocer su opini\u00f3n en el comentario a continuaci\u00f3n.<\/p>\n Tambi\u00e9n puede leer nuestros art\u00edculos Redirigir a la p\u00e1gina de agradecimiento despu\u00e9s del env\u00edo del formulario de contacto 7<\/a> y C\u00f3mo guardar los env\u00edos del formulario de contacto 7 en la base de datos de WordPress<\/a><\/p>\n![\"Integre](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20705-60821d0c9a8a4.png\")
<\/a><\/p>\nCuadro de di\u00e1logo modal con 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\u00e9todo. Esta funci\u00f3n carga la biblioteca desde el n\u00facleo. A continuaci\u00f3n, en el atributo href de la etiqueta de anclaje, tenemos que pasar #TB_inline junto con el ancho, la altura y la identificaci\u00f3n de un contenedor en el que se envuelve nuestro contenido en l\u00ednea.<\/p>\ndo_shortcode()<\/code>funci\u00f3n de WordPress.<\/p>\n<?php echo do_shortcode('[shortcode_here]'); ?><\/code><\/pre>\n