Galería de imágenes tuneada

Club para webmasters Foros Creación de páginas web Galería de imágenes tuneada

Viendo 5 entradas - de la 1 a la 5 (de un total de 5)
  • Autor
    Entradas
  • #13639 Karma: 0
    Adrik
    Participante
    3
    ChorriPuntos 736
    Curso SEO
    ChorriSEO

    Me estoy peleando con la galería de imágenes básica de WordPress porque no quiero instalar un plugin de esos que hacen galerías molonas a la par que pesadas, así que he buscado alternativas y os las quiero comentar para que me iluminéis con vuestra sabiduría o simplemente por si a alguien la sirve de ayuda.

    1º Enlaces en las imágenes

    Necesitaba que las imágenes de la galería enlazasen a productos de Amazon, así que no he encontrado otra alternativa que instalar un plugin. He encontrado el plugin Gallery Custom Links que cumple esta función a la perfección ya que le añade a las opciones de la imagen los campos: Link URL, Link Target, Link Rel y Arial Label. Si conocéis otro plugin u opción mejor soy todo oídos (ojos en este caso).

    2º Resaltar las imágenes al pasar el ratón

    Para que el visitante de nuestra web no tenga ninguna duda de que las imágenes son clicables necesitaba resaltarlas de alguna manera y he optado por colocar CSS en la sección de CSS personalizado de mi theme. Para mi las CSS son un mundo misterioso y voy a base de ensayo y error, así que corregidme si esto que he hecho no es correcto o hay una forma mejor de hacerlo.

    .blocks-gallery-item {
    transition: transform .2s linear .1s;
    }
    .blocks-gallery-item:hover {
    transform: scale(1.03);
    }

    3º Todas las imágenes del mismo tamaño

    Esto aún no lo he conseguido solucionar. Al final de las galerías, las últimas imágenes se agrandar para rellenar el hueco, o sea que si tengo una galería de 3 columnas y en la última fila solo entran dos imágenes, aparecen más grandes para rellenar el hueco. Cuando en la última fila solo va una imagen el resultado es monstruoso. ¿Alguna solución?

    4º El texto bajo las imágenes

    La “Leyenda” de las imágenes quedaba sobre las imágenes y no debajo de las mismas, lo he solucionado con más CSS personalizado.

    .blocks-gallery-item img {
    margin-bottom:40px;
    height:auto !important;
    }

    El problema con esto es que ahora todas las galerías tienen 40 px de más en la parte baja de las imágenes, así que si tenemos una galería sin Leyendas quedará un poco feo. Si queremos galerías regulares que tengan la misma separación horizontal y vertical (soy un maniático de cuidado) hay que contrarrestar las CSS anteriores para estas galerías en concreto. Metí el código de abajo en las CSS personalizadas y le añado la clase .sin-espacio a las galerías que lo requieren. En mi caso todas mis galerías tenían imágenes con Leyenda menos una, por eso he optado por esta opción.

    .sin-espacio img {
    margin-bottom:0px !important;
    height:auto !important;
    }

    Bueno, espero no haber cometido muchas burradas y que me ayudéis a mejorar. Muchas gracias.

    • Este debate fue modificado hace 6 meses, 4 semanas por Adrik.
    • Este debate fue modificado hace 6 meses, 4 semanas por Adrik.
    #13697 Karma: 1
    Manu Soporte
    Moderador
    24
    ChorriPuntos 1.442
    Nuevo

    buenos días y feliz jueves! EL chiste del día viene patrocinado por @cesar20984 ¿Qué clase de música le gusta a los seos?
    ALT=ernativa

    1º Si en la biblioteca de medios, puedes poner un enlace en la misma foto al producto que desees.
    2º Hay muchas formas pero si te funciona está perfecto.
    3º Si no quieres complicarte mucho puedes usar. Simple Image Sizes
    4º Entiendo que no estás preguntando nada solamente explicando.
    Un codazo enorme!

    #13706 Karma: 0
    Adrik
    Participante
    3
    ChorriPuntos 736
    Curso SEO
    ChorriSEO

    Gracias por responder Manu. Un par de cosillas:

    En el punto 1 me dices que puedo poner un enlace en la misma foto, pero por más vueltas que le he dado no puedo poner enlaces a las imágenes que están dentro de una galería, al menos no sin un plugin. Acláramelo porfa, a ver si no te he entendido, ¿Se pueden poner enlaces externos en las imágenes de una galería sin necesidad de un plugin? ¿Cómo?

    Sobre el punto 3, he instalado Simple Image Size, que por el nombre ya me parecía a mi que no me iba a ayudar con la galería pero quería comprobarlo. Efectivamente he visto que sirve para configurar el tamaño de las imágenes, pero no me afecta al descuadre de las galerías. El problema que tengo con las galerías es que de forma automática las imágenes de la última fila se agrandan para rellenar el hueco, independientemente de su tamaño original. Si mi galería es de tres columnas y en la última fila solo entran dos imágenes, esas dos imágenes aparecen más grandes para rellenar entre las dos el hueco de tres. Me estoy explicando fatal, ¿no? XD

    En fin, un saludo y muchas gracias por tu tiempo.

    #13713 Karma: 0
    Manu Soporte
    Moderador
    24
    ChorriPuntos 1.442
    Nuevo

    Buenos días y feliz viernes! Pensaba que me decías otra cosa. Para lo que quieres con cualquier plugin lightbox te debería funcionar.
    Si tienes muchos problemas y quieres dejar la galería a tu gusto, puedes usar un plugin estilo modula.
    Un codazo enorme!

    #13714 Karma: 1
    Adrik
    Participante
    3
    ChorriPuntos 736
    Curso SEO
    ChorriSEO

    ¡Buenos días Manu! Intento explicarme lo mejor que puedo, pero es que en un medio escrito como este me cuesta. Lo dicho entonces, el plugin Gallery Custom Links va de maravilla para el tema enlaces en galerías.

    Sobre el plugin que has mencionado, acabo de instalar Modula Image Gallery y tiene muy buena pinta, muchas gracias. Voy a probarlo a ver si no me carga mucho el peso de la web, que es lo que más me preocupa.

    Lo dicho, muchas gracias y feliz viernes ‘3’

Viendo 5 entradas - de la 1 a la 5 (de un total de 5)
  • Debes estar registrado para responder a este debate.