Janela modal de dentro do administrador do Wordpress


14

Como obter uma janela modal para trabalhar no admin do wordpress?

Eu quero criar uma janela modal que funcione a partir de uma meta box dentro do wp-admin.

Alguma ideia?


2
50% é muito baixo - lembre-se de retornar às suas perguntas antigas e aceitar as respostas corretas. Isso os tira da pilha 'sem resposta' e ajuda os outros a encontrar soluções com mais facilidade. As pessoas também estarão mais dispostas a oferecer respostas se souberem que o OP responderá a elas. :)
Stephen Harris

Respostas:


16

Dê à âncora uma classe de thickbox e verifique se o script do thickbox está enfileirado na sua página de administração usando add_thickbox

add_thickbox();

e

<a href="your url" class="thickbox">click here</a>

Você pode ver o que add_thickboxfaz aqui:

http://hitchhackerguide.com/2011/02/11/add_thickbox/


2
Eu acho que pode não ser necessário enfileirar o thickbox: ele é automaticamente (pelo menos em alguns casos) enfileirado em uma página de pós-edição. Veja add_thickbox()também.
Stephen Harris

Então, como eu preenchê-lo com html?
Shae

Observe que your urlele carrega o URL da âncora em um iframe
Tom J Nowell

1
Passei apenas 40 minutos exportando modal apenas bootstrap css e JS e colocando-o no painel -_-. Poderia ter passado 30 segundos fazendo isso ...
Archonic

25

Para usar o Thickbox para janelas modais em linha, você pode usar o seguinte código.

<?php add_thickbox(); ?>

<a href="#TB_inline?width=600&height=550&inlineId=modal-window-id" class="thickbox">Modal Me</a>

<div id="modal-window-id" style="display:none;">
    <p>Lorem Ipsum sit dolla amet.</p>
</div>

http://codex.wordpress.org/ThickBox


1
Além disso, é possível definir um título de janela modal adicionando o atributo title ao link ou botão. <a href=" seu link "title=" janela modal TITLE" class=" thickbox "> Modal mim </a>
anton
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.