M谩s

    C贸mo mostrar fotos de WordPress en columnas y filas

    - Advertisement -

    驴Quieres mostrar fotos de WordPress en columnas y filas?

    De forma predeterminada, WordPress agrega im谩genes en una columna vertical, una encima de la otra. Sin embargo, si agrega varias fotos a una publicaci贸n de blog, esto no se ver谩 muy limpio y requerir谩 que sus usuarios se desplacen mucho.

    En este art铆culo, le mostraremos c贸mo mostrar f谩cilmente fotograf铆as de WordPress en columnas y filas.

    C贸mo mostrar fotos de WordPress en columnas y filas

    Por qu茅 necesita fotos de WordPress en columnas y filas

    De forma predeterminada, cuando agrega varias im谩genes a una publicaci贸n de blog de WordPress, aparecer谩n una al lado de la otra o una encima de la otra.

    Esto no se ve muy bien y sus usuarios deben desplazarse mucho para ver varias im谩genes y fotograf铆as.

    Puede resolver f谩cilmente este problema mostrando fotograf铆as en filas y columnas utilizando un dise帽o basado en cuadr铆cula. De esta manera, las im谩genes aparecer谩n en un dise帽o compacto y mejorar谩n la experiencia del usuario en su sitio web.

    Si tiene un sitio web de fotograf铆a, puede mostrar su portafolio de una manera m谩s atractiva. O puede mostrar m谩s im谩genes de productos en una tienda en l铆nea mostr谩ndolas en filas y columnas.

    Dicho esto, echemos un vistazo a c贸mo mostrar fotos de WordPress en columnas y filas manualmente o usar un complemento de WordPress. Simplemente haga clic en los enlaces a continuaci贸n para ir a su secci贸n preferida.

    1. Mostrar fotos en columnas y filas sin complementos

    Este m茅todo no requiere instalar un complemento en su sitio web de WordPress. Si no agregas varias fotos con demasiada frecuencia, esto funcionar谩 bien para ti.

    Puede agregar im谩genes manualmente a un bloque de columnas o usar el bloque de galer铆a predeterminado en WordPress.

    Agregar im谩genes a un bloque de columnas

    Primero, debes crear una nueva publicaci贸n o editar una existente donde quieras mostrar tus fotos. Una vez que est茅 en la pantalla del editor de contenido, haga clic en el bot贸n ‘+’ para agregar un bloque de columnas.

    Agregar un bloque de columnasAgregar un bloque de columnas

    A continuaci贸n, puede elegir la cantidad de columnas que desea y su dise帽o.

    Por ejemplo, puede elegir una proporci贸n de 50/50, una proporci贸n de 33/66, una proporci贸n de 25/50/25 y m谩s.

    Elija la proporci贸n y el dise帽o de las columnasElija la proporci贸n y el dise帽o de las columnas

    Despu茅s de eso, puedes agregar un bloque de imagen a cada columna.

    Simplemente haga clic en el bot贸n ‘+’ y seleccione el bloque ‘Imagen’.

    Agregar bloque de imagen a la columnaAgregar bloque de imagen a la columna

    A continuaci贸n, deber谩 agregar una imagen al bloque.

    Puede hacer clic en el bot贸n ‘Cargar’ para agregar una imagen desde su computadora o seleccionar la opci贸n ‘Biblioteca multimedia’ para usar una imagen existente.

    Subir imagen al bloque de columnasSubir imagen al bloque de columnas

    Una vez que se abra la biblioteca multimedia, simplemente seleccione su imagen preferida y haga clic en el bot贸n 芦Seleccionar禄.

    Una de las mejores pr谩cticas de optimizaci贸n de im谩genes es agregar un texto alternativo a su imagen. Esto permite que los robots de los motores de b煤squeda comprendan su imagen y la muestren en los resultados de b煤squeda de im谩genes.

    Seleccione una imagen de la biblioteca multimediaSeleccione una imagen de la biblioteca multimedia

    Ahora deber铆as ver tu imagen en uno de los bloques de columnas.

    Ahora puedes hacer lo mismo con otros bloques de la columna y agregar m谩s im谩genes.

    Agregar m谩s im谩genes al bloque de columnasAgregar m谩s im谩genes al bloque de columnas

    Agregar im谩genes en un bloque de galer铆a

    WordPress tambi茅n ofrece un bloque de galer铆a predeterminado que puedes usar para mostrar im谩genes en columnas y filas.

    Para comenzar, haga clic en el bot贸n ‘+’ y agregue un bloque de Galer铆a en el editor de contenido.

    Agregar un bloque de galer铆a en el editor de contenidoAgregar un bloque de galer铆a en el editor de contenido

    A continuaci贸n, deber谩 cargar im谩genes o elegirlas de la biblioteca multimedia.

    Para este tutorial, elegiremos la opci贸n ‘Biblioteca multimedia’.

    Cargue o seleccione im谩genes de la biblioteca multimediaCargue o seleccione im谩genes de la biblioteca multimedia

    Desde, simplemente seleccione las im谩genes que desea agregar a su galer铆a y mu茅strelas en filas y columnas.

    Una vez que elijas las im谩genes, haz clic en el bot贸n ‘Crear una nueva galer铆a’.

    Haga clic en el bot贸n crear una nueva galer铆a.Haga clic en el bot贸n crear una nueva galer铆a.

    A continuaci贸n, WordPress le pedir谩 que ingrese t铆tulos para cada imagen y reorganice el orden de las im谩genes.

    Despu茅s de hacer eso, simplemente haga clic en el bot贸n ‘Insertar galer铆a’.

    Inserta tu galer铆aInserta tu galer铆a

    Ahora deber铆as ver tus im谩genes en el bloque de la galer铆a.

    Puede ajustar el n煤mero de filas haciendo clic en el control deslizante en el panel de Configuraci贸n a la derecha.

    Ajustar la configuraci贸n de las columnas en la galer铆aAjustar la configuraci贸n de las columnas en la galer铆a

    Una vez que haya terminado, simplemente publique su publicaci贸n para ver im谩genes en columnas y filas.

    Simplemente visite su sitio para verlos en acci贸n.

    Im谩genes en columnas manualmenteIm谩genes en columnas manualmente

    Este m茅todo funcionar铆a para la mayor铆a de los principiantes. Sin embargo, si tiene un blog de fotograf铆a o comparte fotos con frecuencia en su sitio web, este m茅todo carece de varias caracter铆sticas importantes.

    Por ejemplo, la apariencia de las fotos depende de su tema de WordPress y usted est谩 limitado a ese dise帽o y estilo en particular.

    Sus im谩genes no se abrir谩n en una ventana emergente y los usuarios tendr谩n que cargarlas como una p谩gina nueva y luego presionar el bot贸n Atr谩s para regresar a la p谩gina original.

    Para una experiencia de usuario m谩s profesional y hermosa, deber铆as probar el m茅todo del complemento.

    2. Muestre fotos en columnas y filas usando un complemento

    El mejor complemento para agregar fotos en columnas y filas es Galer铆a Envira. Es el complemento de galer铆a de WordPress m谩s popular, es muy f谩cil de usar y ofrece muchas funciones.

    Primero, debes instalar y activar el complemento Envira Gallery. Para obtener m谩s detalles, consulte nuestra gu铆a paso a paso sobre c贸mo instalar un complemento de WordPress.

    Tras la activaci贸n, debe visitar el Galer铆a Envira 禄 Configuraci贸n p谩gina para ingresar su clave de licencia. Puede obtener esta clave desde su cuenta en el sitio web de Envira Gallery.

    Agregue la clave de licencia de Envira GalleryAgregue la clave de licencia de Envira Gallery

    Ahora est谩s listo para crear hermosas galer铆as de im谩genes.

    Simplemente dir铆gete a Galer铆a Envira 禄 Agregar nuevo desde el panel de WordPress para crear su primera galer铆a.

    Agregar nueva galer铆aAgregar nueva galer铆a

    Primero, deber谩s ingresar un nombre para tu galer铆a en la parte superior. Desde aqu铆, puede seleccionar y cargar archivos desde su computadora, o puede seleccionarlos desde la biblioteca multimedia de WordPress.

    Despu茅s de cargar tus fotos, las ver谩s aparecer en el cuadro de configuraci贸n de la galer铆a a continuaci贸n.

    Ver im谩genes en tu galer铆aVer im谩genes en tu galer铆a

    A continuaci贸n, debe hacer clic en la pesta帽a ‘Configuraci贸n’ para personalizar c贸mo desea mostrar sus fotos.

    Envira Gallery te permite elegir diferentes dise帽os de galer铆a. Para mostrar im谩genes en filas y columnas, puede seleccionar los dise帽os de cuadr铆cula, mas贸n y cuadrado.

    Elija el dise帽o de la galer铆a y el n煤mero de columnas.Elija el dise帽o de la galer铆a y el n煤mero de columnas.

    Despu茅s de seleccionar el dise帽o, puede hacer clic en el men煤 desplegable 芦N煤mero de columnas de la galer铆a禄 y elegir cu谩ntas columnas desea mostrar.

    Si te desplazas hacia abajo, ver谩s m谩s opciones para personalizar tu galer铆a. Por ejemplo, hay configuraciones para editar las dimensiones y el tama帽o de su galer铆a.

    Publica tu galer铆a de im谩genesPublica tu galer铆a de im谩genes

    Despu茅s de eso, puede hacer clic en el bot贸n ‘Publicar’ para que su galer铆a de fotos est茅 lista para agregarse a su sitio de WordPress.

    Ahora, necesitas editar una publicaci贸n o crear una nueva. Una vez que est茅 en el editor de contenido, simplemente haga clic en el bot贸n ‘+’ para agregar el bloque ‘Galer铆a Envira’.

    Agregue el bloque Galer铆a EnviraAgregue el bloque Galer铆a Envira

    Desde aqu铆, puede hacer clic en el men煤 desplegable y seleccionar la galer铆a que cre贸 anteriormente.

    Ahora puedes guardar tu publicaci贸n y obtener una vista previa de ella para ver tus fotos en columnas y filas en una hermosa galer铆a de fotos adaptada a dispositivos m贸viles.

    Vista previa de la galer铆aVista previa de la galer铆a

    Ahora, cuando sus usuarios hagan clic en la miniatura de una foto, se abrir谩 en una hermosa ventana emergente. Tambi茅n podr谩n explorar im谩genes sin salir de la p谩gina.

    Bonificaci贸n: cree un tema personalizado con columnas y filas de im谩genes

    Tambi茅n puedes crear temas personalizados de WordPress que tengan un marcador de posici贸n para agregar im谩genes en columnas y filas.

    La mejor manera de crear un tema personalizado es mediante el uso de un SemillaProd. Es el mejor creador de sitios web del tipo arrastrar y soltar que ofrece temas predise帽ados y muchas opciones de personalizaci贸n.

    Puede agregar un bloque de columnas a los dise帽os de su p谩gina de destino usando SeedProd y agregar im谩genes a filas y columnas. SeedProd incluso viene con un bloque de Galer铆a incorporado que puedes usar para esto.

    Agregue el bloque de columnas en SeedProdAgregue el bloque de columnas en SeedProd

    Para obtener m谩s informaci贸n, consulte nuestra gu铆a sobre c贸mo crear un tema de WordPress personalizado sin c贸digo.

    Esperamos que este art铆culo le haya ayudado a aprender c贸mo mostrar fotos de WordPress en columnas y filas. Quiz谩s tambi茅n quieras ver nuestra gu铆a sobre c贸mo solucionar problemas comunes de im谩genes en WordPress y el mejor software de dise帽o para peque帽as empresas.

    Si te gust贸 este art铆culo, suscr铆bete a nuestro Canal de Youtube para tutoriales en v铆deo de WordPress. Tambi茅n puedes encontrarnos en Gorjeo y Facebook.


    Fuente: C贸mo mostrar fotos de WordPress en columnas y filas

    Populares

    M谩s de esta categor铆a

    DEJA UNA RESPUESTA

    Por favor ingrese su comentario!
    Por favor ingrese su nombre aqu铆

    Este sitio usa Akismet para reducir el spam. Aprende c贸mo se procesan los datos de tus comentarios.