Al fin, con WordPress 2.9 se nos ha hecho mucho más fácil indicar, mientras escribimos, cuál será la miniatura (o thumbnail) que representará al artículo en cuestión.
Para ello, colaremos este código en functions.php (al final de todo):
<?php add_theme_support( 'post-thumbnails' ); ?>
Ahora podremos, desde la Administración, subir y asignar una imagen cuya función exclusiva será la de ‘representar’ al post, e “imprimirse” por tanto en nuestros templates, al lado del texto del artículo (pero independientemente de éste).
Iremos ahora a escoger en qué lugar concreto queremos que aparezca con respecto al contenido normal de nuestro artículo. Abriremos index.php, archive.php o incluso single.php, y allí donde creamos conveniente (normalmente al lado del extracto), pondremos lo siguiente :
<?php the_post_thumbnail( 'medium' ); ?>
Podremos utilizar la siguiente “jerga” para decidir qué tamaño queremos:
- thumbnail
- medium
- large
Habrá que orientarse entre los tags de HTML del template para poner la imagen allí donde creamos correcto.
Para saber más detalles acerca de esta novedad, podemos dirigirnos a la web de Justin Tadlock.
5 comentarios
25/02/2010
Hola, quiero añadir las miniaturas personalizadas en lugar de la opción First Image porque como sabes si tengo un post sin imágenes me sale el link roto.
Estoy usando la nueva opción de wordpress de Establecer Miniatura, pero no me aparece, veo que hablas de que hay que tocar algunas lineas de código (o eso me parece a mí), pero como no estoy seguro y no controlo mucho prefiero que me lo aclareis mejor.
¿Con la nueva opción no debería ser tan sencillo como establecer la imagen congiéndola de la biblioteca y ya está?
Muchas gracias.
25/02/2010
Luis, cuando estés escribiendo el post, y abras la Biblioteca de Imágenes, tendrás que buscar la miniatura que te interese, expandirla, y seleccionar ‘establecer miniatura’.
Para que ello sea posible sin embargo, antes tendrás que haber escrito en functions.php el código que propongo en primer lugar, y es entonces que aparecerá, al final de la página mientras aún estás editando, el thumbnail seleccionado, recortado según las dimensiones que le hayas dado en Settings > Media.
Paralelamente, puedes escoger, antes de cerrar la Biblioteca de Imágenes, insertar la imagen a plenas dimensiones en el artículo como usualmente se hacía (saldrá en la página individual de artículo).
Ahora, la imagen (thumbnail) debería estar asociada a ése artículo, pero aún necesitamos que nuestro template (index.php de tu tema), la recoja. Es entonces que tienes que escribir el segundo pedazo de código que propongo y ponerlo al lado de the_excerpt por ejemplo.
No dudes en preguntar más si aún te falta info.
25/02/2010
Gracias por responder ante todo. Ahora te cuento, cuando le doy a establecer miniatura sí me aparece la imagen abajo del post. Ayer actualicé el wordpress y alo mejor es una de las nuevas mejoras, puede ser?
Con ponerlo al lado de the_except te refieres a meterlo dentro de los paréntesis (como puedes ver estoy muy verde).
Te pongo mi web para que la veas, ahora tengo puesta la opción de Fist Image, en la que pone de miniatura la primera imagen del post, pero como en la cronica del concierto no tengo imagen, me sale rota.
Para que me saliesen todas las miniaturas (las de la derecha en cateorías o las de abajo en random posts) tengo que modificar más archivos a parte del index.php.
Muchas gracias y perdona por la tabarra.
25/02/2010
@Luis sí, es una novedad de la versión 2.9.
Como verás en los templates, the_excerpt(); se abre y cierra con declaraciones de php.
Dentro de esa “isla” de código no hay que escribir nada, pero sí al lado, formando una isla similar con el código que te propongo.
Tendrás que ponerlo en todos los loops donde quieras la imagen (pero desactiva First Image).
La sidebar o los random posts seguramente tienen un loop propio, en un archivo .php propio, y habría que modificarlos también.
Busca siempre the_excerpt(); y añade el código al lado, de esta forma no te puedes equivocar.
25/02/2010
Genial!! Como me has dicho me funciona, pero he descubierto una opción no la domino del todo bien…: Creo un campo personalizado llamado “Image” y en el valor le pongo la URL de la imagen, me sale perfecto, lo único es que también se me añade la imagen al contenido del post, así que, si ya la tenía se me duplica. Y si quito la que yo había puesto en el post para que no estén duplicadas no la puedo poner donde yo quiera sino que se me pone por defecto en el lado superior-izquierdo. A ver si me puedes ayudar, que ya casi lo tengo!!!
Deja tu comentario