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


14

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

Я хочу создать модальное окно, которое будет работать из мета-окна в 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>
Антон
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.