Jun
30
Comments

Thumbnails de Posts (articulos) sin plugin

thumbnail de posts

Hace ya un tiempo les mostré la forma en que podemos crear nuestros Featured Posts con un plugin, esta vez les mostraré como crear una sección de Featured Posts sin plugin.


El uso de WP_Query, hace ha hecho ya parte importante de lo que es este blog, y con ello solucionamos la parte de Featured Posts a los cuales les agregaremos un plus, el cual consiste en utilizar los custom fields para aplicarle thumbnails (imagenes pequeñas) de los artículos.

El código para nuestra sección de Featured posts sin plugin quedaría de la siguiente manera :

have_posts()) : $recent->the_post();?>


" style="border: #222222 2px inset; padding: 2px;" />

Como podrán ver añadimos nuestra función wp_query, para elegir que categoría queremos que sea mostrada con thumbnail, en este caso escogí la que he estado utilizado de videoblog, a lo cual debemos especificar el nombre de nuestros cumtom_fields (en el ejemplo utilizé el nombre: Image), así como la dirección donde se encuentran nuestras imagenes para los thumbnails.

Ahora añadimos nuestra clase featuring en CSS, en el cual añadiremos un a href y un hover con alpha (opacity) para mostrar un efecto Opaco:

.featuring {
	float: left;
	margin-bottom: 10px;
	padding: 12px;
	width: 100px;
	height: auto;
}
.featuring img{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.featuring a:hover img{
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

Este código es muy sencillo de aplicar en cualquier blog con Self-Hosted-Wordpress (SHW), no olvidando que esta función (wp_query) debe estar dentro de nuestro loop.

Espero les sea de ayuda, y como siempre, los comentarios son bienvenidos. :halo:

Votar

Autor del Articulo | Power

Nombre del Articulo | Thumbnails de Posts (articulos) sin plugin

Categorias del articulo | wordpress

Etiquetas Usadas en el articulo | | | | |
Enlace para TrackBacks | trackback

Articulo Anterior | Mostrar el número de comentarios de un Post en un icono en Wordpress

Articulo Siguiente | Dia Internacional de Wordpress - no oficial (Julio 1)

Quieres un avatar?

Los avatares de este Blog y de muchos otros, son gracias al sistema de Gravatar, para que aparezca tu imagen, registrate en gravatar.com