Okno modalne z poziomu administratora Wordpress


14

Jak uzyskać modalne okno do pracy z poziomu administratora wordpress?

Chcę utworzyć okno modalne, które będzie działało z pola meta w ramach wp-admin.

Jakieś pomysły?


2
50% jest dość niskie - pamiętaj, aby powrócić do starych pytań i zaakceptować poprawne odpowiedzi. To usuwa je ze stosu „nieodebranych” i pomaga innym w łatwiejszym znajdowaniu rozwiązań. Ludzie będą również chętniej udzielać odpowiedzi, jeśli będą wiedzieli, że OP im odpowie. :)
Stephen Harris,

Odpowiedzi:


17

Daj kotwicy klasę Gruby i upewnij się, że skrypt Gruby jest kolejkowany na stronie administratora za pomocą add_thickbox

add_thickbox();

i

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

Możesz zobaczyć, co add_thickboxtu robi:

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


2
Myślę, że kolejkowanie Grubegoboxa może nie być konieczne: jest automatycznie (przynajmniej w niektórych przypadkach) kolejkowane na stronie edycji postów. Zobacz add_thickbox()też.
Stephen Harris,

Jak więc wypełnić go HTML?
Shae,

Uwaga: your urlładuje adres URL kotwicy do elementu iframe
Tom J Nowell

1
Właśnie spędziłem 40 minut eksportując tylko modalne bootstrap css i JS i wprowadzając je do deski rozdzielczej -_-. Mógłby to zrobić 30 sekund ...
Archonic

26

Aby użyć Thickbox dla wbudowanych okien modalnych, możesz użyć następującego kodu.

<?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
Możliwe jest również ustawienie tytułu okna modalnego poprzez dodanie atrybutu tytułu do łącza lub przycisku. <a href=" linku "title=" TYTUŁ okno modalne" class=" thickbox "> modalnych Me </a>
Anton
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.