Agregar jquery y thickbox al tema de WordPress

4

Me gustaría agregar la caja gruesa para la plantilla que desarrollo a WordPress. En este momento estoy probando con una plantilla limpia que solo tiene header.php , footer.php , index.php y functions.php .

He incluido <?php wp_head(); ?> en header.php y <?php wp_footer(); ?> en footer.php .

He incluido el wp_head así:

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

He cambiado las clases de enlace de la galería a thickbox con este código en 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;
}
?>

Cuando hago clic en una imagen de la galería, debería abrirse con la caja de grosor, pero solo abre el archivo de imagen.

    
pregunta Danny Style 04.01.2012 - 18:25

3 respuestas

0

Debe usar la función wp_enqueue_script (en su archivo functions.php) para llamar a los scripts relevantes que necesita. Permite tanto las bibliotecas integradas como para agregar cualquier personalización que incluyas en tu tema.

    
respondido por el Norcross 04.01.2012 - 18:40
8

Todo lo que necesita hacer es una simple llamada en su functions.php :

add_action( 'wp_enqueue_scripts', 'add_thickbox' );

Eso es todo. WordPress ahora pondrá en cola jQuery y el script de caja gruesa. De forma predeterminada, las imágenes vinculadas no son aún en formato grueso. Necesitas:

  1. Agregue una clase thickbox a los enlaces manualmente / por PHP, o
  2. Use un segundo script para agregar estas clases de forma automática.

Código de ejemplo para footer.php :

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

Este código agrega la clase thickbox a todos los enlaces alrededor de imágenes de tamaño mediano, y agrupa estos enlaces para habilitar los enlaces de navegación siguiente / anterior.

Ahora obtienes un thickbox básico con enlaces de navegación traducidos:

Dadoqueesteesunscriptadministradoporelnúcleo,noesfácildeusareltecladono:lasteclasdeflechanohacennada.Sinecesitaunasoluciónmásútil,tomeuncomplemento.

Otranota:Thickboxpuedeeliminarsetardeotempranodelnúcleo.Consulte Ticket 10955 .

    
respondido por el fuxia 03.02.2012 - 15:42
-1

Hola, ¿alguien puede ayudarme a resolver mi problema?

Aquí está mi 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 fragmento de código que estoy tratando de usar en el perfil de administrador de Wp está funcionando bien, pero ... hay un problema ... es decir, mientras intento que el avatar de usuario del front end TB_ifram no esté apareciendo. .. se está extendiendo a toda la página web ...

aquí está la imagen: Aquí necesito abrir el cuadro de contenido TB_Ifram desde la parte frontal ... por favor, dame una sugerencia que sea genial para ti ...

saludos

    
respondido por el Renu Kumar 21.03.2014 - 16:12

Lea otras preguntas en las etiquetas