Ventana modal desde el administrador de Wordpress

14

¿Cómo puedo hacer que una ventana modal funcione desde el administrador de WordPress?

Quiero crear una ventana modal que funcionará desde un cuadro meta dentro de wp-admin.

¿Algunas ideas?

admin wp-admin Shae
fuente
2
El 50% es bastante bajo; recuerde volver a sus preguntas anteriores y aceptar las respuestas correctas. Los saca del montón 'sin respuesta' y ayuda a otros a encontrar soluciones más fácilmente. Las personas también estarán más dispuestas a ofrecer respuestas si saben que el OP les responderá. :)
Stephen Harris

Respuestas:

16

Dale al ancla una clase de thickbox y asegúrate de que el script de thickbox esté en cola en tu página de administración usando add_thickbox

add_thickbox();

y

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

Puedes ver lo que add_thickboxhace aquí:

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

Tom J Nowell
fuente
2
Creo que podría no ser necesario poner en cola thickbox: se pone automáticamente en cola (al menos en algunos casos) en una página de edición posterior. Mira add_thickbox()también
Stephen Harris
Entonces, ¿cómo lo llenaría con html?
Shae
Tenga en cuenta your urlque carga la URL del ancla en un iframe
Tom J Nowell
1
Acabo de pasar 40 minutos exportando modal solo bootstrap css y JS y llevándolo al tablero -_-. Podría haber pasado 30 segundos haciendo esto ...
Archonic
25

Para usar Thickbox para ventanas modales en línea, puede usar el siguiente 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

Lloyd Erasmus
fuente
1
Además, es posible establecer un título de ventana modal agregando un atributo de título al enlace o botón. <a href=" YOUR LINK "title=" MODAL WINDOW TITLE" class=" thickbox "> Modal Me </a>
Anton