Problema al usar jQuery

Inicio Foros WordPress Themes y Diseño Problema al usar jQuery

Etiquetado: , ,

Este debate contiene 17 respuestas, tiene 3 mensajes y lo actualizó  almendron hace 6 años, 10 meses.

  • Autor
    Publicaciones
  • #23148

    Anónimo

    <p>Hola 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:</p>
    <p>https://ayudawp.com/aprovecha-jquery-incluido-en-wordpress/</p&gt;
    <p>pero me encuentro con que en el header.php del theme que uso, en este caso es Duffy, me aparece la siguiente linea:</p>
    <p>

    Quote:
    &lt;?php wp_head(); ?&gt;

    </p>
    <p>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.</p>
    <p>Hay que hacer algo mas.</p>
    <p>Un saludo y gracias por vuestra ayuda.
    </p>

  • #57137

    almendron
    Participante

    Por favor, indica la URL para ver el error.

  • #57140

    Anónimo

    No puedo poner la url ya que estoy trabajando en local hasta que la tenga hecha.

  • #57141

    almendron
    Participante

    Puede parecer una tontería pero prueba a vaciar el cache del navegador. Si usas algún plugin para la cache, desactiva también.

  • #57327

    Anónimo

    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.

  • #57329

    almendron
    Participante

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

  • #57367

    LGrusin
    Miembro

    El problema es que tienes que ponerle width y height al enlace de la imagen para que funcione.

    Ejemplo,

    También puedes usar en el archivo header.php antes de <?php wp_head(); ?>

    hace lo mismo, en lugar de todo esto:

    Un saludo

  • #57433

    Anónimo

    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.

  • #57438

    LGrusin
    Miembro

    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

  • #57439

    almendron
    Participante

    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.

  • #57445

    Anónimo

    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

    [quote]class=”thickbox” width=”500″ height=”400″[/quote]

    pero me sigue haciendo lo mismo.

  • #57447

    Anónimo

    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.

  • #57448

    Anónimo

    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.

  • #57453

    almendron
    Participante

    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 ([b]marca miniatura[/b]) 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 “[b]Ajustes avanzados de enlaces[/b]” 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”.

  • #57454

    almendron
    Participante

    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.

  • #57457

    LGrusin
    Miembro

    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.

    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

  • #57464

    Anónimo

    Nada chicos por mas que sigo y hago los pasos que me indicais sigue sin funcionarme.

  • #57465

    almendron
    Participante

    Por favor, pon el código de la imagen para que le echemos un vistazo.

El foro ‘Themes y Diseño’ está cerrado y no se permiten nuevos debates ni respuestas.

Pin It on Pinterest