หน้าต่าง Modal จากภายใน Wordpress admin


14

จะทำให้หน้าต่าง modal ทำงานจากภายใน admin ของ WordPress ได้อย่างไร?

ฉันต้องการสร้างหน้าต่างโมดัลที่จะทำงานจากกล่องเมตาภายใน wp-admin

ความคิดใด ๆ


2
50% ค่อนข้างต่ำ - โปรดอย่าลืมย้อนกลับไปยังคำถามเก่าของคุณและยอมรับคำตอบที่ถูกต้อง มันนำพวกเขาออกจากกอง 'ไม่ได้รับคำตอบ' และช่วยให้ผู้อื่นค้นหาวิธีแก้ไขปัญหาได้ง่ายขึ้น ผู้คนจะเต็มใจเสนอคำตอบมากขึ้นหากพวกเขารู้ว่า OP จะตอบกลับพวกเขา :)
Stephen Harris

คำตอบ:


16

เพิ่มคลาสของ thickbox ให้กับสมอและตรวจสอบให้แน่ใจว่าสคริปต์ thickbox มีการจัดคิวในหน้าผู้ดูแลระบบของคุณโดยใช้ add_thickbox

add_thickbox();

และ

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

คุณสามารถดูสิ่งadd_thickboxที่นี่:

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


2
ฉันคิดว่ามันอาจไม่จำเป็นในการเข้าคิว thickbox: มันเป็นโดยอัตโนมัติ (อย่างน้อยในบางกรณี) เข้าคิวในหน้าแก้ไขโพสต์ ดูadd_thickbox()เช่นกัน
Stephen Harris

ดังนั้นฉันจะเติมด้วย html ได้อย่างไร
Shae

หมายเหตุyour urlมันจะโหลด URL ของสมอไปยัง iframe
Tom J Nowell

1
ฉันใช้เวลา 40 นาทีในการส่งออก modal เพียง bootstrap css และ JS และนำไปไว้ในแดชบอร์ด -_- อาจใช้เวลา 30 วินาทีในการทำเช่นนี้ ...
Archonic

25

หากต้องการใช้ Thickbox สำหรับหน้าต่างแบบอินไลน์คุณสามารถใช้รหัสต่อไปนี้

<?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
นอกจากนี้ยังเป็นไปได้ที่จะตั้งชื่อหน้าต่างโมดัลโดยการเพิ่มแอตทริบิวต์ชื่อไปที่ลิงค์หรือปุ่ม <a href=" ลิงค์ของคุณ "title=" หน้าต่างโหมด TITLE" class=" thickbox "> Modal ฉัน </a>
anton
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.