Substituição ThickBox


9

Infelizmente, estou procurando, sem sucesso, uma substituição do ThickBox usada no Media Uploader.

Qualquer pesquisa falha em como aproveitar o Media Uploader e nada sobre um script usado para janelas modais.

Alguém pode me ajudar? Existe uma maneira de usar o mesmo modal que o Media Uploader está usando, mas inserir conteúdo personalizado como era possível com o ThickBox?


É para uso no front-end ou back-end?
Baerkins

Processo interno. Eu estava tentando usar o lightbox como um carregador de mídia padrão. Eu descobri que não é a substituição do thickbox, mas o modal feito especificamente para upload de mídia e não é reutilizável da maneira que o Thickbox é. Eu tenho thickbox usado
Domagoj

2
Eu acho que eles usam backbone Esse seria o js github.com/WordPress/WordPress/blob/master/wp-includes/js/… . Para os meus plugins eu usei Colorbox jacklmoore.com/colorbox
grappler

Você vai querer olhar para os modelos de sublinhado e como eles interagem com os objetos wp-views e wp.media. Infelizmente, não está bem documentado.
NoBugs

Respostas:


1

Para o que vale a pena, integrei o novo carregador de mídia em um plug-in que permite ao administrador selecionar ou fazer upload de mídia da caixa de diálogo de mídia padrão, em vez de copiar / colar URLs, e parece funcionar bem.

Publiquei uma resposta aqui que pode ser o que você está procurando.

Tom McFarlin tem uma série de tuts + em andamento desde o mês passado.

Outros links que podem ajudar:


1

Pelo que entendi, sua pergunta é que você deseja usar um pop-up com conteúdo diferente do Media Uploader. Para conseguir isso, siga estas etapas:

  1. Adicione este código para incluir o script do thickbox.

    <?php
    add_action('init', 'init_theme_method');
    function init_theme_method() {
    add_thickbox();
    }
    ?>
    
  2. Adicione class = 'thickbox' a qualquer elemento clicável que mostrará o pop-up.

    <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. Observe no último código que há o parâmetro inlineId. Este será o código a ser exibido dentro da caixa pop-up.

       <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>
    

Eu espero que isso ajude

Fonte: Crie janelas pop-up no seu blog WordPress com Thickbox


Acabei de perceber que essa é uma pergunta antiga, mas estava no topo da lista da lista de perguntas não respondidas.
Kalimah 5/08/2015
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.