Ventana modal desde el administrador de Wordpress

¿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

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:

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();

<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

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

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

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

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