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?


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/


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


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
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.