Wordpress 관리자 내에서 모달 창


14

워드 프레스 관리자 내에서 모달 창을 작동시키는 방법은 무엇입니까?

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
방금 모달 전용 부트 스트랩 CSS와 JS를 내보내고 대시 보드로 가져 오는 데 40 분을 보냈습니다 -_-. 이 작업을 수행하는 데 30 초가
소요될

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 "모달 창 제목 title=""href=" 당신의 LINK class=" Thickbox와 "> 모달 나 </a>에
안톤
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.