Modales Fenster in Wordpress Admin

14

Wie kann ein modales Fenster innerhalb des WordPress-Administrators funktionieren?

Ich möchte ein modales Fenster erstellen, das über eine Meta-Box im WP-Admin funktioniert.

Irgendwelche Ideen?

Shae
quelle
2
50% sind ziemlich niedrig - bitte denken Sie daran, zu Ihren alten Fragen zurückzukehren und die richtigen Antworten zu akzeptieren. Es nimmt sie vom Stapel der unbeantworteten Fragen und hilft anderen, leichter Lösungen zu finden. Die Menschen werden auch eher bereit sein, Antworten anzubieten, wenn sie wissen, dass das OP auf sie reagieren wird. :)
Stephen Harris

Antworten:

16

Geben Sie dem Anker eine Klasse von Thickbox und stellen Sie sicher, dass das Thickbox-Skript auf Ihrer Administrationsseite mit in die Warteschlange gestellt wird add_thickbox

add_thickbox();

und

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

Sie können was sehen add_thickbox passiert:

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

Tom J Nowell
quelle
2
Ich denke, es ist möglicherweise nicht erforderlich, Thickbox in die Warteschlange zu stellen: Sie wird (zumindest in einigen Fällen) automatisch auf einer Post-Edit-Seite in die Warteschlange gestellt. Siehe add_thickbox()auch.
Stephen Harris
Wie würde ich es mit HTML füllen?
Shae
Beachten Sie your url, dass die URL des Ankers in einen iframe
Tom J Nowell
1
Ich habe gerade 40 Minuten damit verbracht, nur modale Bootstrap-CSS und JS zu exportieren und in das Dashboard zu bekommen -_-. Hätte 30 Sekunden damit verbringen können ...
Archonic
25

Um Thickbox für modale Inline-Fenster zu verwenden, können Sie den folgenden Code verwenden.

<?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
quelle
1
Sie können auch einen modalen Fenstertitel festlegen, indem Sie dem Link oder der Schaltfläche ein title-Attribut hinzufügen. <a href=" DEIN LINK "title=" MODAL WINDOW TITLE" class=" thickbox "> Modal Me </a>
anton