Modal jendela dari dalam admin Wordpress

14

Bagaimana cara mendapatkan jendela modal untuk bekerja dari dalam admin wordpress?

Saya ingin membuat jendela modal yang akan berfungsi dari kotak meta di dalam wp-admin.

Ada ide?

admin wp-admin Shae
sumber
2
50% cukup rendah - harap ingat untuk kembali ke pertanyaan lama Anda dan menerima jawaban yang benar. Ini menghilangkan mereka dari tumpukan 'tidak terjawab' dan membantu orang lain menemukan solusi dengan lebih mudah. Orang juga akan lebih bersedia untuk memberikan jawaban jika mereka tahu bahwa OP akan menanggapi mereka. :)
Stephen Harris

Jawaban:

16

Beri jangkar kelas dari kotak tebal dan pastikan bahwa skrip kotak tebal enqueued pada halaman admin Anda menggunakan add_thickbox

add_thickbox();

dan

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

Anda dapat melihat apa yang add_thickboxterjadi di sini:

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

Tom J Nowell
sumber
2
Saya pikir mungkin tidak perlu untuk enqueue thickbox: itu secara otomatis (setidaknya dalam beberapa kasus) enqueued pada halaman edit posting. Lihat add_thickbox()juga.
Stephen Harris
Jadi bagaimana saya mengisinya dengan html?
Shae
Catatan your url, ini memuat URL jangkar ke iframe
Tom J Nowell
1
Saya hanya menghabiskan 40 menit mengekspor modal hanya bootstrap css dan JS dan membawanya ke dashboard -_-. Bisa menghabiskan 30 detik untuk melakukan ini ...
Archonic
25

Untuk menggunakan Thickbox untuk jendela modal inline Anda dapat menggunakan kode berikut.

<?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
sumber
1
Juga, dimungkinkan untuk mengatur judul jendela modal dengan menambahkan atribut judul ke tautan atau tombol. <a href=" LINK ANDA "title=" MODAL WINDOW TITLE" class=" thickbox "> Modal Me </a>
anton