Consigue que tus galerías fotográficas en WordPress sean aún más atractivas con Meow Gallery. Aquí te enseño cómo aprovechar todo su potencial y configurarlo a tu gusto.
De entre todos los plugins de galerías que no ‘secuestran’ tus imágenes, Meow Gallery es, de calle, mi favorita.
¿Por qué? Porque, además de integrarse a la perfección con la galería nativa de WordPress, es:
- Ligera.
- Fácil de utilizar.
- Resposive.
- Gratuita (aunque existe una versión PRO).
Aunque aún se puede pedir 1 cosa más:
Un tutorial paso a paso para sacarle todo el partido a Meow Gallery y configurarlo como tú quieras.
Tus deseos son órdenes. 😉
Instalación y activación del plugin
Esta parte no tiene misterios para ti.
Desde tu WordPress:
Pincha “Plugins” en la barra lateral –> “Añadir nuevo” –> busca “Meow Gallery” –> una vez localizado, haz clic en “Instalar” –> espera unos segundos y, cuando aparezca el botón “Activar”, pincha en él.
¡Listo!
Ahora viene la parte de personalización al gusto.
Ajustes
Verás en la barra lateral de WordPress un nuevo ítem llamado “Meow Apps” con 2 submenús:
- Dashboard, que te ayuda a gestionar todas las aplicaciones pertenecientes a la suite de Meow apps.
- Gallery, el cual te permite personalizar tus galerías (hoy nos centraremos en él, ¿vale?).
La sencillez de uso de esta herramienta se refleja de forma muy intuitiva en el apartado de opciones. Y si no me crees, juzga con tus propios ojos:
Tipos de galerías de Meow Gallery
Ofrece 3 tipos diseño:
Justificado
Muestra una disposición similar a la de Flickr.
Recuerda que puedes ajustar el espacio entre imágenes y la altura de fila (120px por defecto).
Masonry
Esta es la versión que utilizo en mi página de porfolio fotográfico.
Tienes la opción de ajustar el espacio entre fotografías y mostrar u ocultar la leyenda.
Utiliza un diseño rectangular parecido al de la red social que le da nombre. 🙂
Aquí también es posible ajustar el espaciado entre imágenes.
Cómo añadir una nueva galería
¿Lo mejor de Meow Gallery?
Es una simple extensión de la galería nativa de WordPress.
¿En qué se traduce esto para ti?
Añadir nuevas galerías es tan fácil como hacerlo desde WordPress.
Paso a paso:
- Dentro de una página o entrada, ve a “Añadir objeto” –> “Crear galería”.
- Elige las imágenes que desees de la biblioteca de medios o subiéndolas desde tu ordenador (abajo tienes una captura de ejemplo).
- Una vez hayas seleccionado las fotografías, haz clic en el botón “Crear una nueva galería” (abajo a la derecha).
- A continuación, decide los ajustes:
- Con qué enlazan las imágenes: lo más habitual es elegir “Archivo multimedia”.
- Número de columnas: Yo me decanto por 3; pero, para gustos, colores. 🙂
- Tamaño al que se muestra la imagen: “Medio” suele ser suficiente (dependiendo del número de columnas). Sin embargo, si quieres que se vean aún mejor puedes subir a “Grande”. Recuerda que así es como se verán las fotografías dentro de la galería, antes de abrirse en el lightbox a pantalla completa, por lo que aquí no necesitas el tamaño completo.
Ya tienes tu galería fotográfica lista.
Si cambias de idea o deseas modificar alguno de los ajustes, puedes editarlos en cualquier momento. Así de fácil.
Cómo usar diseños distintos en algunas galerías
En los ajustes de Meow Gallery eliges cuál de los 3 diseños quieres mostrar y ese será, por defecto, el que se vea en todas tus galerías.
Pero, ¿y si quieres mostrar una de ellas con un diseño diferente?
Imagina que, en general, te gusta mostrar tus galerías en formato Masonry. Sin embargo, tienes un par de ellas con fotografías cuadradas y prefieres mostrarlas en formato de Instagram. ¡Ningún problema!
Para modificarla, solo necesitas introducir un parámetro en el shortcode de la galería.
¿¡Shortqué!?
Que no cunda el pánico, es más sencillo de lo que suena:
En la entrada donde tengas la galería haz clic en la pestaña “HTML” (es muy probable que encuentres en “Visual”) y después de la palabra gallery, añade layout=”instagram”. Por ejemplo:
Antes
Después
Puedes hacer esto en todas la galerías que quieras y con todos los diseños. Solo debes sustituir “instagram” por “masonry” o “justified”.
¿Un consejo? Elije el diseño que más utilizas en los ajustes de Meow Gallery, y luego cambia de forma manual el diseño de algunas galerías concretas, cuando lo necesites.
Versión Pro
La versión de pago (desde 10$/año) añade la característica de Infinite loading, es decir, carga infinita. Esto significa que las fotografías se cargan según vas haciendo scroll en la página.
Además, te permite ajustar varios parámetros, como el tamaño del lote, animación…
Si tienes galerías muy extensas (+25 imágenes), esta es una opción ideal para ti, ya que supone una mejora sustancial de la experiencia de usuario.
Incluso yo mismo he notado mayor velocidad de carga en mi porfolio fotográfico, a pesar de que intento mantener una selección de solo 10-15 capturas.
Conclusión
Meow Gallery es, hoy por hoy, el mejor ‘upgrade’ de la galería nativa de WordPress para fotógrafos.
Ligero, fácil de utilizar y gratuito, ¿se te ocurre alguna excusa para no probarlo?
Por si esto fuera poco, se encuentra entre los plugins de galerías fotográficas que no secuestran tu contenido, lo cual te da libertad para eliminar o cambiarlo sin perder todas tus imágenes con él (algo que sí ocurre con otro tipo de galerías, y no quiero señalar a nadie…).
Ya sabes que yo siempre apuesto por usar herramientas que te permitan seguir siendo el dueño de tu web y tus contenidos, ya sean plugins o plantillas de WordPress.
Además, al pertenecer al mismo desarrollador que WP/LR Sync, Meow Gallery se integra a la perfección con mi flujo de trabajo, en el que mantengo las colecciones de Lightroom sincronizadas con WordPress.
Pruébalo de forma gratuita. Y, si te convencen sus diseños y tienes galerías con muchas fotografías, hazte con la versión Pro, no te arrepentirás.
¿Te has quedado con alguna duda o echas de menos algún tipo de diseño? Pues dímelo, cuanto antes mejor. Tengo contacto directo con el desarrollador, así que puedo hacerle llegar tus sugerencias e intentar que las incluya en la próxima versión de Meow Gallery. 🙂
A mi hay una cosa que no me gusta y no se si es cosa del plugin o del propio wordpress. Por alguna razón las fotos no me salen ordenadas alfabéticamente…. y tengo que estar ordenándolas lo cual me hace perder mucho tiempo.
Me apunto la versión pro para más adelante, ya que yo subo muchas fotos. 🙂
Hola Silvia,
no es cosa del plugin, ya que utiliza la galería nativa de WordPress. No te preocupes que el post de este martes te va ayudar con tu problema 😉
Un saludo.
Buenas Nahuai
estoy encantado con esta galería, todo un regalo haber encontrado tu sitio.
Muchas gracias!
Buenas Mariano,
¡gracias a ti por el comentario! 🙂
De verdad, son estas cosas las que me animan a seguir compartiendo mis conocimientos por aquí.
Me alegro mucho de que estés contento con Meow Gallery. Además, he hablado recientemente con el desarrollador y me ha dicho que lo están mejorando para que sea más rápida aún, así que genial.
¡Un saludo!
He caído por primera vez en este artículo de tu web. Estoy investigando sobre cómo hacer una página con wordpress para publicar mis fotos de viajes ya que hasta ahora lo hacía en una página muy artesanal. Soy fotógrafo no profesional y estoy empezando a descubrir gracias a ti cómo intentar hacerlo.
Como te digo estoy de pruebas y he hecho un simulacro de página con una galería de fotos. Instalé el plugin Meow Gallery sin más y lo único que conseguía es al clicar en cada imágen que se ampliara. No me daba la opción de ir pasando de una a otra y leyendo otros apartados de tu página he caído que para que funcionara previamente, tenía que haber instalado el Meow Lightbox.
Ahora sí que lo he conseguido. ¿Era así la forma correcta de hacerlo, instalando el Meow Lightbox + Meow Gallery? ¿Debo instalar algún complemento más? Perdona mi ignorancia.
También querría saber si con este plugin hay alguna forma de al clicar en alguna foto de la galería hay alguna opción de que vayan pasando las fotografía ellas solas a modo de presentación sin necesidad de dar al icono de siguiente.
¿Hay también alguna opción de cuando llegue a la última foto de la galería no sea la siguiente de nuevo la primera y que volviera por ejemplo a la página donde está insertada la galería?
Muchas gracias por tu ayuda. Pocas páginas he encontrado que seas tan claras como esta. Enhorabuena
Hola Mariano,
efectivamente, para conseguir lo que quieres necesitas utilizar Meow Gallery + Meow Lightbox. No necesitas instalar nada más.
En la versión 2.0 de Meow Gallery han incluído el diseño de Slideshow, que haría la función de pase de diapositivas. No sé si es exactamente lo que necesitas pero puedes echarle un ojo.
Respecto a lo de no volver a mostrar la primera, ahora mismo no se puede ajustar. Aunque puedo comentarlo a los desarrolladores por si quieren considerar añadirlo en un futuro.
Gracias por tus palabras y espero que consigas el efecto deseado.
¡Un saludo!
Hola Nahuai
Al leer este artículo me estoy planteando pasarme a Meow Gallery. Pero me vendría bien la opción de poder disponer de algunas galerías que fueran privadas, de manera que sólo pudieran acceder al contenido aquellos que dispusieran de password, o similar.
¿Permite esta opción, de alguna forma, Meow Gallery?
Gracias.
¡Un saludo!
Hola Juan Rafael,
Meow Gallery no ofrece esta opción de forma nativa, ya que procura ser muy sencilla y ligera.
Lo que si se puede hacer es utilizar la opción de WordPress de que una página o post esté protegida por contraseña. De esta manera sólo podría acceder los usuarios a los que se la facilites.
Comento un poco más sobre ello en este post de galería privadas.
Espero que te resulte de ayuda 😉
Un saludo.
Hola, Nahuai.
En primer lugar, muchísimas gracias por esta página tuya tan clara, eficaz y profesional. Es de verdadera gran ayuda para recién llegados a WordPress como yo.
No soy fotógrafo como tú, aunque sí dibujante e ilustrador, por lo que estoy igualmente muy interesado en la manera de gestionar mis imágenes en la página que estoy construyendo.
Siguiendo tus consejos, he instalado las versiones Pro de Meow Gallery y Meow Lightbox. El resultado, satisfactorio y espectacular. Excepto en un caso: las imágenes en Lightbox se descuadran completamente, se muestran parcialmente y no responden a ningún ajuste cuando visualizo mi página en un navegador Safari de iPhone o iPad. En cambio, en un Mac de sobremesa van de maravilla, igual que en un móvil o tableta con Android.
Supongo que se trata de algo que tengo mal configurado en los ajustes de Meow y no cosa de Safari, pues, por ejemplo, tu portfolio, en el que me fijo como referencia al estar hecho con los mismos plugins, se visualiza fenomenal en Safari. Tanto en iPhone como iPad.
En fin, no sé si este problema que te cuento tiene fácil solución.
Muchas gracias por tu atención. Y de nuevo, te agradezco también enormemente tu magnífica página y la gran utilidad de tus contenidos.
Un cordial saludo.
Guillermo
Hola, Guillermo.
Muchas gracias por tus palabras. Me alegro mucho de que la página te resulte de utilidad. 🙂
Respecto al problema, ¿tienes una URL donde pueda ver el problema?
No descarto que sea un problema puntual y que con una actualización se pudiera solucionar.
Si no te manejas mal con el ingles, te invito a que compartas la URL con el desarrollador y le expliques el problema.
Sino coméntamelo por aquí e intento transmitírselo.
Un saludo.
Hola, Nahuai.
Sí, ayer ya me puse en contacto con el desarrollador y le envié la URL y capturas de pantalla con el problema. Aún no me ha contestado pero, por los tiempos que veo en otras consultas de usuarios, no suele tardar.
Mil gracias de nuevo por tu respuesta y por tu amabilidad.
Un cordial saludo.
Guillermo.
Genial, Guillermo.
Seguro que Jordy o Thomas no tardan en contestarte 😉
Es uno de los motivos por los que también recomiendo sus plugins, ofrecen buen soporte.
Suerte y un saludo.
Hola, Nahuai.
Otra consulta sobre Meow Lightbox (ya te escribí en julio pasado sobre otro problema que, tal como me aconsejaste, planteé al desarrollador y quedó resuelto por Jordi).
En esta ocasión, se trata de preguntarte si hay alguna manera de lograr que, viendo Meow Lightbox en un móvil, sea posible hacer zoom en las imágenes con el típico gesto de dos dedos que funciona para esas mismas imágenes en Meow Gallery, pero no desde Meow Lightbox.
He mirado en el foro del desarrollador ( https://wordpress.org/support/topic/cannot-zoom-image-on-mobile-finger-drag/ ) y parece que el asunto preocupa a más usuarios, pero Jordi aún lo tiene aparcado.
¿Sabes si hay alguna novedad sobre esto? En caso contrario, ¿sabes de algún sistema para lograr hacer zoom en Meow Lightbox en móviles?
Muchas gracias de nuevo por tus respuestas y por la inestimable ayuda que brindas desde tu página.
Un cordial saludo,
Guillermo
Hola, Guillermo.
Pues creo que lo mejor que puedes hacer es trasmitirle esta sugerencia a Jordy.
Seguro que si recibe más comentarios sobre esa característica en particular, le dará prioridad de cara a las próximas actualizaciones.
Un saludo.
Hola!
He descubierto la web recientemente y he estado leyendo varios de los artículos. Enhorabuena por la buena recopilación de información. He de decir que este es un artículo interesante. Hace poco menos de un año renové mi web de WordPress con Divi y estuve buscando una solución al tema de las galerías.
No hay muchos plugins de calidad en WordPress que mantengan la galería nativa de WordPress y el gestor de medios de WordPress es bastante pobre, después de mucho mirar opté por NextGEN que sí que secuestra las imágenes, sin embargo he de decir que tiene una gran potencia y lo lightbox y tipos de galería son muy completos.
Lo bueno que tiene a parte es lo bien que quedan organizadas las galerías. Yo uso una por cada post que publico y en la sección de galerías como puedo usar etiquetas puedo sacar imágenes automáticamente de varias galerías para mostrar en una sola. Es bastante útil.
Es verdad que tiene el inconveniente de que las imágenes están dentro de la organización del plugin, por eso elegí un plugin conocido que no creo que desaparezca o se quede obsoleto.
Está bien conocer Meow porque el Lightbox que tiene queda realmente bien y está a la altura de NextGEN.
Muchas gracias por tus artículos!
¡Gracias, Juan!
Me alegro que los artículos te resulten de ayuda.
Sí, hay muy pocos plugins de galerías que usen y expandan la nativa de WordPress, por eso me parece que Meow es una gran opción.
Yo para tener las colecciones/galerías ordenadas lo hago desde Lightroom, y con el plugin WP/LR Sync las sicroniza como galerías en WordPress.
Tal y como lo comento en el post sobre mi flujo de trabajo.
Échale un ojo por si te interesa.
¡Un saludo!
Hola Nahuai,
Gracias por tu artículo, me ha sido muy útil para encontrar este plug-in que no secuestra las imágenes. Lo he instalado en su versión gratuita y probado en mi web (que llevo desarrollando desde tan sólo hace unos meses). El único inconveniente que estoy encontrando es el de las leyendas “captions”. Cuando activo esa opción, en la versión portátil se ven de maravilla y la leyenda aparece de una forma muy elegante, pasando el cursor por encima de la foto. El problema es que esto no ocurre en el formato móvil, no se llega a visualizar bien la leyenda de la foto y me consta que muchos de los visitantes de la página utilizan smartphones. ¿Sabes por qué puede estar ocurriendo?
Muchas gracias de antemano y enhorabuena de nuevo,
Concha
Hola, Concha.
He visitado una de las galerías de tu web (arte urbano) y la visualizo perfectamente tanto en ordenador como en móvil.
¿Tienes una URL donde se vea mal como comentas?
Un saludo.
Hola Nahuai,
Muchas gracias por tu rápida respuesta. No todas las galerías de mi web están ahora mismo construidas con el plugin de Meow, precisamente por el problema que te comento. Por favor, intenta visualizar la galería que aparece al final de esta entrada del blog:
https://aetheriatravels.com/paseo-en-blanco-y-negro-por-nueva-york/
Sí está construida con Meow Gallery y no puedo visualizar las leyendas en el móvil o la tablet.
Muchas gracias de nuevo y un saludo,
Concha
Hola, Concha.
Ahora veo a lo que te refieres. Tiene pinta de que es un pequeño error del plugin.
Puedes ponerte en contacto con el desarrollador para ver si lo puede solucionar:
https://wordpress.org/support/plugin/meow-lightbox/
Suele tener muy en cuenta a los usuarios.
También me comentó que estaban a punto de sacar una actualización importante del plugin de Lightbox, que igual lo soluciona.
Un saludo.
Como haria para que muestre la galeria imagenes aleatorias que hayan subido los usuarios en budyypress?
Buenas, Jhon.
Una vez las imágenes están en la Biblioteca de medios de WordPress puedes crear una galería con este plugin.
Un saludo.
hola! me ha encantado este post. Andaba buscando un plugin de galeria para mi web que estoy montando y al dar con tu artículo, me ha servido de mucha ayuda.
Ahora me ha surgido una duda. En formato pc le he puesto masonry en 4 columnas, pero en formato movil me gustaria que se vieran las imagenes en 2 columnas y sale solo en una. ¿sabes si hay algún truco, código o algo para forzar a dejarlo en 2 columnas?
las imagenes las he añadido mediante shortcode.
gracias
Hola, Josune.
Me alegro que te haya gustado el post. 🙂
Yo diría que tendrías que hacerlo modificando el código CSS, de todas maneras no te lo recomiendo ya que creo que mostrar una sola fila en móvil ofrece una mejor experiencia de usuario. Creo que dos puede quedar demasiado pequeñas, por eso está programado así.
Si a pesar de eso quieres modificarlo te tocará revisar el código o hablar con el desarrollador. 😉
Un abrazo.
Buenos días.
llevo un tiempo usando meow gallery, pero desde la última actualización, las fotos no se ven. Si haces click en la pantalla, se abre la foto que se supone que está en esa posición, pero la miniatura no se ve. Me volví loco hasta que di con que el error era del plugin, y al desactivarlo, vuelven a verse. No se si a alguien mas le habrá pasado, pero es un coñazo por que estaba encantado con la presentación de las galerías que ofrecía meow.
Buenas, Fran.
Tiene pinta de ser alguna incompatibilidad con otro plugin o tu tema, porque a mí me sigue funcionando correctamente.
Te recomiendo que te pongas en contacto con Jordy (el desarrollador) para hacerle saber el problema. Estoy convencido de que hará lo posible por solucionarlo.
Un saludo.
Buenas, he empezado en la creación de una página web para un proyecto personal y al añadir la leyenda, esta solo aparece con letras blancas y fondo negro al pasar el rato sobre la imagen. ¿Existe alguna manera donde se pueda editar la leyenda?
Mi idea es que la leyenda se vea fija sin ningún tipo de fondo, quizá en todo caso cambiando el color de las letras…
Como información a tener en cuenta, soy usuario por ahora de la versión gratis!
Un saludo y muy buena página!
Buenas,
La apariencia de la leyenda de las imágenes dependerá del tema o plugin que estés usando. No me queda claro si estás usando la galería nativa de WordPress o el plugin de Meow Gallery. En cualquier caso, para modificarla es probable que tengas que modificar el CSS.
Te recomiendo que te pongas en contacto con el creador del plugin (o tema) si no sabes cómo hacerlo.
Un saludo.