Para incluir essas bibliotecas no WordPress, temos que baixar os arquivos JS e CSS de uma biblioteca e inclu\u00ed-la no projeto pela forma padr\u00e3o<\/a>. Depois disso, conforme a documenta\u00e7\u00e3o da biblioteca, precisamos quebrar o conte\u00fado, chamar o m\u00e9todo para abrir a janela modal.<\/p>\n O WordPress incluiu o plugin ThickBox<\/a> jQuery com vers\u00e3o modificada em seu n\u00facleo. E pode ser usado no lugar de bibliotecas externas. Usando esse recurso central, obtemos a interface que \u00e9 igual aos popups modais no administrador do WordPress, como no bot\u00e3o de m\u00eddia.<\/p>\n Voc\u00ea pode experimentar este recurso embutido. Se atender \u00e0s suas necessidades, economiza tempo de integra\u00e7\u00e3o da biblioteca externa.<\/p>\n Usando ThickBox com conte\u00fado embutido, voc\u00ea obter\u00e1 a sa\u00edda como mostrado na imagem abaixo.<\/p>\n WordPress ThickBox funciona bem com o conte\u00fado embutido. Pode-se usar shortcode tamb\u00e9m na caixa de di\u00e1logo modal. Como exemplo, voc\u00ea pode mostrar o formul\u00e1rio de contato na janela modal usando o c\u00f3digo curto do formul\u00e1rio de contato 7.<\/p>\n Dito isso, vamos ver como usar o ThickBox no WordPress.<\/p>\n Por exemplo, estamos exibindo conte\u00fado embutido fict\u00edcio com o clique da tag \u00e2ncora. Portanto, coloque o c\u00f3digo abaixo onde quiser usar o ThickBox.<\/p>\n Para usar o Thichbox, precisamos incluir o primeiro Da mesma forma, se voc\u00ea precisar exibir o formul\u00e1rio de contato na caixa de di\u00e1logo modal, ent\u00e3o, em vez de um conte\u00fado fict\u00edcio, voc\u00ea precisa colocar o shortcode usando a \u00c9 isso! Esperamos que voc\u00ea entenda como adicionar caixa de di\u00e1logo modal usando ThickBox no WordPress. Gostar\u00edamos de ouvir sua opini\u00e3o no coment\u00e1rio abaixo.<\/p>\n Voc\u00ea tamb\u00e9m pode gostar de ler nossos artigos Redirecionar para agradecer a p\u00e1gina ap\u00f3s envio do formul\u00e1rio de contato 7<\/a> e como salvar o formul\u00e1rio de contato 7 envios para o banco de dados do WordPress<\/a><\/p>\n![\"Integre](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20705-60821d0c9a8a4.png\")
<\/a><\/p>\nCaixa de di\u00e1logo modal usando 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 fun\u00e7\u00e3o carrega a biblioteca do n\u00facleo. Em seguida, no atributo href na tag \u00e2ncora, temos que passar #TB_inline junto com a largura, altura e id de um cont\u00eainer no qual nosso conte\u00fado embutido \u00e9 empacotado.<\/p>\ndo_shortcode()<\/code>fun\u00e7\u00e3o do WordPress.<\/p>\n<?php echo do_shortcode('[shortcode_here]'); ?><\/code><\/pre>\n