7 days of unlimited WordPress themes, plugins & graphics - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Web Design
  2. WordPress Plugins

Haz más con las imágenes de WordPress en tu sitio web

Scroll to top
Read Time: 6 mins

Spanish (Español) translation by Eva Collados Pascual (you can also view the original English article)

Como dice el viejo dicho, "una imagen vale más que mil palabras". En el caso del diseño web, las imágenes de cualquier tipo se utilizan para relatar una historia. Las entradas de un blog normalmente las usan para reforzar una idea, mientras que los ejemplos orientados a la venta emplean las imágenes para ilustrar por qué merece la pena comprar un producto o servicio. Son una parte indispensable de cualquier sitio web.

Por fortuna, WordPress le proporciona a nuestras imágenes un tratamiento de realeza. La funcionalidad para las imágenes de WordPress nos permite catalogarlas, buscar entre ellas, e incluso realizar algunas pequeñas ediciones.

Aunque esto nos proporciona bastante poder, los plugins de imágenes para WordPress adecuados pueden ayudarnos a hacer aún más. Hoy, veremos cinco de los mejores plugins de WordPress que podrías usar para aportar mayor flexibilidad y funcionalidad a las imágenes de nuestro sitio web. Cada plugin está disponible para su descarga a través de tu suscripción a Envato Elements. Los suscriptores tienen acceso a unos 450 temas y a los mejores plugins de WordPress, además de a cientos de miles de recursos de diseño de máxima calidad, todo a cambio de un bajo precio.

1. Crea una galería de imágenes de alto nivel

WordPress tiene una forma nativa de crear galerías de imágenes. Pero los resultados finales son muy básicos. Las galerías tienen el potencial de hacer mucho más. Pueden mostrar tu temática (con independencia de que se trate de tus habilidades como fotógrafo, o tu colección de coches clásicos) y de añadir a la combinación importante interactividad. Pero necesitarás usar alguno de los mejores plugins de WordPress para crear algo que sea a su vez atractivo y práctico. 

Global Gallery - Plugin de galería responsive para WordPressGlobal Gallery - Plugin de galería responsive para WordPressGlobal Gallery - Plugin de galería responsive para WordPress
Global Gallery - Plugin de galería responsive para WordPress

Global Gallery es uno de los mejores plugins de WordPress para imágenes con el que lograr todo esto. Utilízalo para crear galerías de imagen, sliders y carruseles altamente personallizables. Podrás importar las imágenes desde redes sociales y plataformas en donde se comparten fotografías o subirlas directamente a través de la galería de medios. El plugin también te permite etiquetar las imágenes de WordPress, algo que puedes usar para crear la interfaz de un portafolio filtrable. También descubrirás que existen una variedad de diseños predefinidos y ajustes. Además, es totalmente responsive y funciona perfectamente en cualquier tamaño de pantalla.  

2. Añade interactividad a tus imágenes en WordPress

Ya hace algún tiempo que los mapas de imagen existen, y siguen siendo uno de los tipos de plugins de imágenes para WordPress más útiles. Para los principiantes, un mapa de imagen tiene el aspecto de cualquier de las imágenes de WordPress, su magia radica en el hecho de que puedes dibujar áreas clicables o “hotspots” sobre esa imagen. Esto significa que podrás vincular distintas partes de una imagen a diferentes lugares o añadir otros efectos. Por ejemplo, podrías usar un mapa de imagen para colocar un enlace en el retrato de una persona que dirija a su biografía concreta. 

Image Map ProImage Map ProImage Map Pro
Image Map Pro

Por defecto, WordPress no gestiona los mapas de imagen muy bien. Y además, está el problema de que no son en absoluto responsive, con lo cual los hotspots no se ajustan adecuadamente a las pantallas pequeñas. Aquí es donde resulta muy práctico uno de los mejores plugins de WordPress, Image Map Pro. Dibuja formas personalizadas en tus imágenes que puedan usarse para añadir enlaces a para mostrar tooltips enriquecidos con medios. Además, es completamente responsive y admite gestos táctiles.

3. Haz comparativas para ofrecer una experiencia más visual

Uno de los métodos más efectivos de demostrar la diferencia entre sujetos es la fórmula clásica de imagen "antes y después". Las vemos por todos lados por buenos motivos: funcionan. Es un método altamente visual y con frecuencia fácilmente compresible sin necesidad de explicaciones. Con estos plugins de imágenes para WordPress transmitirás tu mensaje mejor que con solo palabras.

Plugin de WordPress para comparativa de imágenes antes y despuésPlugin de WordPress para comparativa de imágenes antes y despuésPlugin de WordPress para comparativa de imágenes antes y después
Plugin de WordPress para comparativa de imágenes antes y después

Images Comparison no solamente proporciona una sencilla forma de añadir imágenes del antes y el después en tu sitio de WordPress, además hace que sean interactivas. Los usuarios pueden arrastrar una línea comparativa (horizontal o vertical, dependiendo de tus necesidades) que revele partes ocultas de una imagen combinada. Esto aporta atención extra por parte de los usuarios.

Y si te interesa ensuciarte las manos con algo de JavaScript y crear tu propio plugin de comparativa de imágenes, echa un vistazo a este tutorial de Adi Purdilla: 

4. Crea impactantes efectos en las imágenes de WordPress

Añadir efectos especiales a las imágenes con plugins de WordPress puede proporcionar a tu sitio una apariencia única y además te ayudará a dirigir las miradas hacia un área concreta de una página web. Existen diversas cosas que puedes hacer en WordPress con tus imágenes, desde aplicar filtros similares a los de Instagram hasta implementar animaciones. Lo mejor de todo es que ya no necesitarás ser un experto en Photoshop para conseguirlo. Con CSS3, muchos de estos efectos ya están integrados.

Imager - Increíbles herramientas para las imágenes de WordPressImager - Increíbles herramientas para las imágenes de WordPressImager - Increíbles herramientas para las imágenes de WordPress
Imager - Increíbles herramientas de WordPress para imágenes

Con Imager, podrás añadir fácilmente 60 efectos especiales a las imágenes de WordPress en tu sitio. Tendrás al alcance de tu mano filtros, animaciones, y efectos "mouseover". Este plugin WordPress de imágenes también sirve como utilidad para crear tamaños de imagen personalizados, para regenerar las miniaturas de imagen, para añadir marcas de agua y mucho más.

De nuevo, Adi Purdilla te explica más sobre los filtros y CSS:

5. Haz más divertida la participación con un plugin de WordPress para imágenes

Si las redes sociales nos han enseñado algo, es que a la gente le encanta compartir imágenes. Los memes y los GIF no hacen reír y con frecuencia se utilizan para difundir ideas. En las situaciones adecuadas, es lógico aprovechar esta tecnología para aumentar la participación de los usuarios en nuestros sitios web. Aun así, parece que es un recurso desaprovechado fuera del mundo de las redes sociales.

WP Comment Images and VideosWP Comment Images and VideosWP Comment Images and Videos
WP Comment Images and Videos

Para sitios que alientan los comentarios de los lectores, WP Comment Images and Videos es uno de los plugins de WordPress que podría realmente incitar las conversaciones. No solo permite que los usuarios suban sus propios medios, también permite compartir medios de sitios como YouTube y Vimeo. Esta pequeña adición lúdica podría marcar una gran diferencia en cuanto a la participación de los usuarios. 

Algo más que simple decoración

Tradicionalmente, las imágenes se usan para añadir un elemento decorativo a los sitios web. Pero, como hemos visto, también son capaces de convertirse en una herramienta eficaz. Los anteriores plugins de imágenes para WordPress te ayudarán a usarlas de manera que te ayuden a transmitir una historia y a añadir nuevos niveles de interactividad a tu sitio web. ¡Hazte con uno de estos mejores plugins para WordPress!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.