Modales Fenster in Wordpress Admin

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?

admin wp-admin

— Shae
quelle

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:

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

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

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

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

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