SummArg | Cursos y recursos para webmasters

10/07/2009

WP Smart Image: Uso eficiente de las imagenes para diseñar themes

wordpress-smart-image-1Al subir una imagen para acompañar un post en WordPress, la plataforma genera tres tamaños de imagenes (miniatura, medio y grande). Nosotros podemos utilizar estas imagenes para llamarlas desde una plantilla home.php para introducirlas en el loop de las noticias y lograr un estilo “magazine” sin mayores complicaciones.

La pequeña aplicación está pensada para desarrolladores o meros fanáticos de la plataforma que gustan de personalizar los themes. Tan sólo debemos agregar lo siguiente al loop que deseamos acompañar de una imagen:

<?php if(function_exists(‘wp_smart_image’)) wp_smart_image() ?>

En resumen, con este plugin podés:

  • Elegir la imagen a mostrar.
  • Elegir entre los cuatro tamaños que genera WordPress: miniatura, medio, grande y full.
  • Enlazar la imagen al artículo o dejarla sin enlace.
  • Agregar clases e IDs personalizadas a tus imágenes para aplicar estilos CSS, o bien gestionarlas con javascript, php, etc.
  • Mostrar imágenes en la lista de entradas que se encuentran ocultas en el contenido.
  • Obtener sólo la URL de la imagen en lugar de la etiqueta completa.
  • Personalizar atributos ALT y TITLE predeterminados si éstos no han sido configurados.
  • Agregar enlace a la versión full de la imagen desde la miniatura o tamaño medio.
  • Personalizar las imágenes genéricas (y sus rutas) para todos los tamaños, las cuales aparecerán cuando el artículo no tenga imágenes.
  • Como si fuera poco, Darío nos deja un demo francamente muy bueno de como funciona el plugin y las diferentes opciones de personalización que nos ofrece. Click acá para ver el demo!

    wp-smart-image

    La instalación es típicamente sencilla y comprende de descargar el plugin desde wordpress.org, subirlo a /plugins/ de nuestro servidor, activarlo desde la solapa de plugins y configurarlo desde options > WP Smart Image Menu . Luego elegí en donde insertarás la llamada a la función desde tu theme.

    Fuente DarioFerrer.com – ForosDelWeb.com

    Dejar un comentario