Themes y Diseño
está sin resolverHola de nuevo, vereis estoy intentando hacer una pagina con wordpress, y quiero para las imagenes activar jQuery, sigo los pasos indicados por Fernando en la siguiente entrada:
http://ayudawordpress.com/aprovecha-jquery-incluido-en-wordpress/
pero me encuentro con que en el header.php del theme que uso, en este caso es Duffy, me aparece la siguiente linea:
<?php wp_head(); ?>
inserto por encima el resto de lineas que indica Fernando en su entrada, y añado class="thickbox" a la ruta de la imagen, y al entrar en el articulo y pulsar sobre la imagen me sale la imagen pero en otra pantalla. no hace el efecto que se supone que debe hacer.
Hay que hacer algo mas.
Un saludo y gracias por vuestra ayuda.
Por favor, indica la URL para ver el error.
No puedo poner la url ya que estoy trabajando en local hasta que la tenga hecha.
Puede parecer una tontería pero prueba a vaciar el cache del navegador. Si usas algún plugin para la cache, desactiva también.
He vaciado la cache, tanto de mozilla como de ie, y me sigue apareciendo igual, hay que modificar algo de algún plugin o algo mas.
Gracias de antemano.
En teoría, no hay que hacer nada más. Prueba a poner thickbox en la propiedad "rel" del enlace en lugar de en la de "class".
El problema es que tienes que ponerle width y height al enlace de la imagen para que funcione.
Ejemplo,
<a class="thickbox" width="500" height="400"
href="http://tu-blog.com/wp-content/uploads/2011/11/imagen-grande.jpg">
<img src="http://tu-blog.com/wp-content/uploads/2011/11/imagen-chica.jpg"
alt="Imagen" title="Imagen" width="360" height="270"
class="aligncenter size-full wp-image-1189" />
</a>También puedes usar en el archivo header.php antes de <?php wp_head(); ?>
<?php add_thickbox(); ?>hace lo mismo, en lugar de todo esto:
<?php wp_enqueue_style('thickbox'); ?>
<?php wp_enqueue_script('jquery'); ?>
<?php wp_enqueue_script('thickbox'); ?>Un saludo
LGrusin que he siguido lo pasos que me has indicado y sigue sin hacer el efecto, es decir me muestra la imagen en otra pagina.
Hay que tener activado o desactivado el plugin lightbox o da igual, si es que tiene algo que ver, porque tanto de una forma como de otra nada de nada.
Gracias por la ayuda, espero sugerencias.
El plugin Lightbox podría interferir, lo anterior es precisamente para evitar tener que instalar plugins que hagan este tipo de efectos.
Fijate bien en el código que he puesto, lo he probado y funciona.
Un saludo
Yo probaría a
1.- Deshaz los cambios hechos en el código.
2.- Desactiva el plugin lightbox
3.- Instala el plugin Shadowbox JS (http://wordpress.org/extend/plugins/shadowbox-js/)
Te digo de instalar este plugin porque es seguro que funciona en wordpress 3.X
Editas una imagen y en el campo "rel" pones "shadowbox" (sin las comillas).
La idea es comprobar si tu tema es compatible.
LGrusin cuando inserto la imagen el codigo me sale así:
<a href="http://localhost/blogangela/wp-content/uploads/2011/10/loteria.jpg"><img src="http://localhost/blogangela/wp-content/uploads/2011/10/loteria-300x176.jpg" alt="" title="Papeleta de Loteria" width="300" height="176" class="aligncenter size-medium wp-image-423" /></a>
Luego le añado
class="thickbox" width="500" height="400"
pero me sigue haciendo lo mismo.
almendron el plugin lighbox lo tengo desactivado.
En cuanto al campo "rel" donde lo encuentro porque cuando edito una imagen no me aparece ningun campo con ese nombre.
Voy a probar con shadowbox y os comento.
Gracias por la ayuda que me estais prestando.
almendron con shadowbox funciona perfectamente, sin añadir nada, de todas formas te agradeceria me aclararas lo del campo "rel".
Gracias por la ayuda, sois geniales.
Por partes:
Ahora que sabemos que el tema es compatible, sería conveniente averiguar por qué no te funciona lo del thickbox.
1) Desactiva shadowbox
2) Añade las siguientes líneas al header.php (sección head). Comprueba que la primera y la tercera línea no estén ya.
<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
<?php add_thickbox(); ?>
<?php wp_head(); ?>
3) Haz un post de prueba e inserta una imagen (marca miniatura) y comprueba que la URL del enlace no esté en blanco.
4) Una vez insertada la imagen, clic en ella y clic en editar. Pestaña "Ajustes avanzados", sección "Ajustes avanzados de enlaces" y en el campo "clase css" pones "thickbox" (sin las comillas). Ojo no te confundas que hay dos secciones y es la de abajo.
LO he probado en local y funciona. No es necesario añadir anchura y altura.
Me preguntabas por lo de "rel":
http://html.conclase.net/w3c/html401-es/struct/links.html#adef-rel
Y por último, shadowbox te funciona sin añadir nada más porque en las opciones tendrás marcado "true" en Shadowbox Automation >> Image Links. Si le pones "false", tendrás que poner "shadowbox" (sin las comillas) en el campo "rel" de la sección "Ajustes avanzados de enlaces".
El problema es que tienes que ponerle width y height al enlace de la imagen para que funcione.
LGrusin: lo he probado sin añadir altura y anchura, y funciona perfectamente.
Pues si que es curioso, a mi no me funcionó hasta que no le añadí el ancho y alto al enlace de la clase thickbox. Si lo dejo tal como lo añade WordPress el thickbox ni se entera. Claro que yo no lo he hecho con las miniaturas sino directamente añadiendo la imagen al post.
<a class="thickbox" width="500" height="400" href="http://tu-blog.com/...">
<img src="http://tu-blog.com/...." width="360" height="270" />
</a>Por cierto, a parte del wp-head() en el header.php también hace falta el wp-footer() en el footer.php puesto que thickbox se carga en el footer. Si al theme le falta alguno de los dos no funciona.
Si te es complicado todo esto añade un plugin que lo haga, los dos que has probado podrían servir perfectamente. Eso si, no instales los dos a la vez, sólo uno.
En las últimas versiones de Lightbox no hacía falta poner lo del rel, el plugin detectaba el enlace a la imagen si se marcaba una opción en la configuración del plugin. Algo como "Auto-lightbox image links" "Let the plugin add necessary html to image links"
Un saludo
Nada chicos por mas que sigo y hago los pasos que me indicais sigue sin funcionarme.
Por favor, pon el código de la imagen para que le echemos un vistazo.
Debes Identificarte para publicar.