Finestra modale dall'amministratore di Wordpress


14

Come può far funzionare una finestra modale dall'amministratore di wordpress?

Voglio creare una finestra modale che funzionerà da una meta box all'interno di wp-admin.

Qualche idea?


2
Il 50% è piuttosto basso - ricorda di tornare alle tue vecchie domande e di accettare le risposte corrette. Li toglie dalla pila "senza risposta" e aiuta gli altri a trovare soluzioni più facilmente. Le persone saranno anche più disposte a offrire risposte se sanno che l'OP risponderà a loro. :)
Stephen Harris,

Risposte:


16

Dai all'ancoraggio una classe di thickbox e assicurati che lo script thickbox sia accodato sulla tua pagina di amministrazione usando add_thickbox

add_thickbox();

e

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

Puoi vedere cosa add_thickboxfa qui:

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


2
Penso che potrebbe non essere necessario accodare thickbox: è automaticamente (almeno in alcuni casi) accodato in una pagina di modifica post. Vedi add_thickbox()anche
Stephen Harris,

Quindi come lo popolerei con HTML?
Shae

Nota your url, carica l'URL dell'ancora in un iframe
Tom J Nowell

1
Ho appena trascorso 40 minuti ad esportare solo modst bootstrap css e JS e farlo entrare nella dashboard -_-.
Avrei

25

Per utilizzare Thickbox per finestre modali incorporate è possibile utilizzare il seguente codice.

<?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
Inoltre, è possibile impostare un titolo finestra modale aggiungendo l'attributo titolo al collegamento o al pulsante. <a href=" TUO LINK "title=" MODAL Window Title" class=" thickbox "> modale Me </a>
Anton
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.