ThickBox 교체


9

불행히도 미디어 업 로더에서 사용되는 ThickBox 대체품을 찾고 있습니다.

Media Uploader를 활용하는 방법과 모달 창에 사용되는 스크립트에 대한 검색이 실패합니다.

누군가 나를 도울 수 있습니까? Media Uploader에서 사용하는 것과 동일한 모달을 사용하는 방법이 있습니까? 그러나 ThickBox에서 가능한 것처럼 사용자 정의 컨텐츠를 넣을 수 있습니까?


프론트 엔드 또는 백엔드에서 사용합니까?
Baerkins

백엔드. 표준 미디어 업 로더와 같은 라이트 박스를 사용하려고했습니다. 나는 그것이 두꺼운 상자 교체가 아니라 미디어 업 로더를 위해 만들어진 모달 특수이며 Thickbox와 같은 방식으로 재사용 할 수 없다는 것을 알았습니다. 나는 thickbox를 사용했다
Domagoj

2
나는 그들이 백본을 사용한다고 생각한다. 이것은 js github.com/WordPress/WordPress/blob/master/wp-includes/js/… 일 것이다. 플러그인을 위해 Colorbox jacklmoore.com/colorbox를
grappler

밑줄 템플릿과 이들이 wp-views 및 wp.media 객체와 상호 작용하는 방식을 살펴보고 싶을 것입니다. 불행히도 잘 문서화되어 있지 않습니다.
NoBugs

답변:


1

가치있는 것을 위해 관리자가 URL을 복사 / 붙여 넣지 않고 표준 미디어 대화 상자에서 미디어를 선택하거나 업로드 할 수있는 플러그인에 새로운 미디어 업 로더를 통합했으며 잘 작동하는 것 같습니다.

나는 당신이 찾고있는 것일 수도 있는 답변을 여기에 게시했습니다 .

Tom McFarlin은 지난 달 작품에서 tuts + 시리즈 보유하고 있습니다.

도움이 될만한 다른 링크들 :


1

귀하의 질문에 대한 이해는 미디어 업 로더 이외의 내용이 포함 된 팝업을 사용하려는 것입니다. 이를 달성하려면 다음 단계를 수행하십시오.

  1. thickbox 스크립트를 포함하려면이 코드를 추가하십시오.

    <?php
    add_action('init', 'init_theme_method');
    function init_theme_method() {
    add_thickbox();
    }
    ?>
  2. 팝업을 표시 할 클릭 가능한 요소에 class = 'thickbox'를 추가하십시오.

    <input alt="#TB_inline?height=300&amp;width=400&amp;inlineId=examplePopup1" title="add a caption to title attribute / or leave blank" class="thickbox" type="button" value="Show Thickbox Example Pop-up 1" />
  3. 마지막 코드에는 inlineId 매개 변수가 있습니다. 팝업 상자 안에 표시되는 코드입니다.

       <div id="examplePopup1" style="display:none">
        <h2>Example Pop-up Window 1</h2>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sed laoreet est. Etiam nec nibh aliquam leo maximus hendrerit. Aliquam velit erat, pretium eget faucibus ut, ullamcorper in sapien. Nulla dignissim turpis et pharetra vestibulum. Nulla et mattis eros. Integer consequat, odio sed gravida bibendum, dui purus viverra nisl, nec fringilla ante nibh non lorem. Morbi at tristique diam. Mauris et aliquam tellus, vehicula dapibus odio. Maecenas vulputate turpis ac orci fringilla, id cursus augue mollis. Aliquam sit amet ligula tellus.
    
    
        <strong>Just click outside the pop-up to close it.</strong>
        </div>

이게 도움이 되길 바란다

출처 : Thickbox를 사용하여 WordPress 블로그에서 팝업 창 만들기


나는 이것이 오래된 질문이라는 것을 깨달았지만 대답하지 않은 질문 목록의 맨 위에 있습니다.
Kalimah
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.