Adicionando jquery e thickbox ao tema WordPress

4

Eu gostaria de adicionar o thickbox para o modelo que desenvolvo no WordPress. No momento, estou tentando usar um modelo limpo que tenha apenas header.php , footer.php , index.php e functions.php .

Eu incluí o <?php wp_head(); ?> em header.php e o <?php wp_footer(); ?> em footer.php .

Eu incluí o wp_head assim:

<?php
wp_enqueue_script('jquery');
wp_enqueue_script('thickbox');
wp_enqueue_style('thickbox');
wp_head();
?>

Eu alterei as classes de link da galeria para thickbox com este código em functions.php

<?php add_filter( 'wp_get_attachment_link', 'sant_prettyadd');

function sant_prettyadd ($content) {
    $content = preg_replace("/<a/","<a class=\"thickbox[slides]\"",$content,1);
    return $content;
}
?>

Quando estou clicando em uma imagem da galeria, ela deve abrir com o thickbox, mas ela abre apenas o imagefile.

    
por Danny Style 04.01.2012 / 18:25

3 respostas

0

Você precisa usar a função wp_enqueue_script (no arquivo functions.php) para chamar os scripts relevantes necessários. Ele permite que as bibliotecas incorporadas e adicionar qualquer personalizado que você está incluindo no seu tema.

    
por Norcross 04.01.2012 / 18:40
8

Tudo o que você precisa fazer é uma simples chamada em functions.php :

add_action( 'wp_enqueue_scripts', 'add_thickbox' );

É isso. O WordPress agora irá enfileirar o jQuery e o script thickbox. Por padrão, as imagens vinculadas ainda não são thickboxy. Você precisa:

  1. Adicione uma classe thickbox aos links manualmente / por PHP ou
  2. Use um segundo script para adicionar essas classes automaticamente.

Exemplo de código para footer.php :

<script>
jQuery('a img.size-medium').parent().addClass('thickbox').attr('rel', 'page');
</script>
<?php
wp_footer();

Esse código adiciona a classe thickbox a todos os links em torno de imagens de tamanho médio e agrupa esses links para ativar os links de navegação próximos / anteriores.

Agora você recebe um thickbox básico com links de navegação traduzidos:

Comoesteéumscriptgerenciadopelonúcleo,elenãoéamigávelaoteclado:asteclasdesetanãofazemnada.Sevocêprecisardeumasoluçãomaisutilizável,useumplug-in.

Outraobservação:oThickboxpodeserremovidomaiscedooumaistardedonúcleo.Veja Bilhete 10955 .

    
por fuxia 03.02.2012 / 15:42
-1

Oi alguém pode me ajudar a resolver o meu problema:

Aqui está meu código

<a href="'. site_url("wp-admin/admin-ajax.php?action=user_avatar_add_photo&step=1&uid="). $myUID . '&TB_iframe=true&width=720&height=450" title="Upload and Crop an Image to be Displayed" >' . ( 'Update Picture','wp-members' ) . '</a>

este pedaço de código que eu estou tentando usar no perfil Wp-admin está funcionando bem, mas .. existe um problema ... por exemplo, enquanto eu tento arriscar o avatar do usuário do front-end TB_ifram não está aparecendo. .. está se espalhando para toda a página da Web ...

aqui está a imagem: aqui eu preciso para aparecer o quadro de conteúdo TB_Ifram do front end ... plz me dê uma sugestão de que seria ótimo para você ..

considera

    
por Renu Kumar 21.03.2014 / 16:12