Модальное окно из админа Wordpress

14

Как заставить модальное окно работать из админки WordPress?

Я хочу создать модальное окно, которое будет работать из мета-окна в wp-admin.

Есть идеи?

admin wp-admin Ше
источник
2
50% довольно мало - пожалуйста, не забудьте вернуться к своим старым вопросам и принять правильные ответы. Он убирает их из «оставшейся без ответа» и помогает другим легче находить решения. Люди также будут более охотно предлагать ответы, если они знают, что ОП ответит на них. :)
Стивен Харрис

Ответы:

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()тоже.
Стивен Харрис
Так, как я заполнил бы это html?
Shae
Обратите внимание your url, что он загружает URL якоря в iframe
Том Дж. Новелл
1
Я потратил 40 минут на экспорт модальных загрузочных 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
Кроме того, можно установить заголовок модального окна, добавив атрибут title к ссылке или кнопке. <a href=" ВАША ССЫЛКА "title=" НАЗВАНИЕ МОДАЛЬНОГО ОКНА" class=" Thickbox "> Modal Me </a>
Антон