Mostrar título y descripción al pasar el ratón sobre un thumbnail en WordPress

  • Autor Autor root78
  • Fecha de inicio Fecha de inicio
root78

root78

Delta
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Hola betas,

Estoy estancado con un theme wordpress en el que quiero que aparezca la descripción (excerpt) y el título de forma automática al pasar el ratón por encima del thumbnail. El efecto, supongo que es automático (tooltip jquery y supongo css) ya que lo he visto en las webs de juegos online. Lo que no sé si "agarran" el atributo, o es alguna capa. A ver si alguien me puede orientar, gracias de antemano.
 
Para que cuando pasas por arriba de una imagen aparezca un texto, eso es de html y se logra con solo agregar la pripiedad title a tu img.
Por ejemplo <img src="http://www.google.com/1.jpg" title="Una imagen en google" />
Entonces al pasar el mouse por arriba de esa imagen te va a aparecer lo que pusiste en title.

Ahora, eso te lo va a mostrar super simple en un cuadradito con fondo negro por lo general (depende de cada navegador) y no esta pensado para poner texto largo, so lo un titulo como la propiedad lo indica.

Lo que queres hacer vos es implementar una especie de tooltip que muestre mas informacion y formateada de una forma "linda" digamos, no?
Y estas pensando usar algun plugin de jQuery. Cada plugin tiene su forma especifica de funcionar, pero generalmente lo que tenes que hacer es por cada elemento que queres que tenga un tooltip creas un div oculto con todo el markup que queres que se vea en el tooltip, luego cuando inicializas el plugin le decis sobre que selector queres que salga el tooltip y que es lo que tiene que usar como contenido (ese div oculto).
 
Gracias Chapi, exactamente eso es lo que quiero. Lo que no sé que tipo de js usar para este tooltip. He visto el tip tip y varios parecidos, pero no consigo implementarlo en wordpress. Piensa que cuando se genere un nuevo thumbnail al publicar un post, la propiedad deberá recaer sobre el excerpt + title (lo que debe mostrarse en hover) automáticamente y no solamente sobre el title. No sé si me expliqué bien.
 
Si, tenes que implementarlo segun las especificaciones de cada plugin.
Ahora lo que estas preguntando es como hacerlo con wordress, en si es sobre wordpress la pregunta.

Tenes que ir al template donde tenes el listado, imagino que en el index.php tenes un listado de posts donde queres que salga el tooptil.
Ahi tenes un loop donde se lista cada post, imagino que dentro del loop cada post se muestra desde el archivo content.php

Entonces tenes que ir a content.php y ahi implementar el markup para el tooltip.
El titulo lo traes con la funcion the_title() y el excerpt con la funcion the_excerpt()

Todo esto puede cambiar segun tu theme y como haga uso de la jerarquias de templates.
 
Gracias, voy a probarlo. Miraré un tooltip adecuado y realizaré la llamada en el index.php (es código sencillo), a ver cómo sale
 
Atrás
Arriba