Un sólo enlace para toda la entrada en Genesis

  • Luis Colome

    (@luiscolome)


    hace 6 años, 1 mes

    Muy buenas!

    Ando un poco atascado. Estoy creando un Grid (rejilla) de entradas para la portada de una web. Lo tengo a medio crear en una web de pruebas. LA idea es que cada entrada sea un sólo enlace en bloque, que no haya un enlace para la imagen, otro para el título y otro para el «leer más». Estos tres últimos los he eliminado, pero no consigo crear el que «envuelva» a la entrada.
    Espero haberme explicado.
    Un buen ejemplo es la web de Joan B, https://boluda.com, que tiene ese grid con un unico enlace para cada entrada.

    Agradeceré cualquier aporte, mil gracias!

    Suelo contestar preguntas en este foro, pero hasta que no he hecho una, no me he dado cuenta lo dificil que es explicar las cosas, jeje.

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 6 respuestas - de la 1 a la 6 (de un total de 6)
  • Moderador almendron

    (@almendron)

    hace 6 años, 1 mes

    Por lo que veo en la web que has puesto de ejemplo, la estructura para conseguir ese efecto es:

    <div class="xxxx">
     <a href="enlace">
          <div>
          contenido (imagen destacada, texto, etc)
          </div>
     </a>
</div>
    Iniciador del debate Luis Colome

    (@luiscolome)

    hace 6 años

    Si algo así: 

    <div class="grid">
     <a href="enlace">
          <article>
          contenido (imagen destacada, texto, etc)
          </article>
     </a>
     <a href="enlace">
          <article>
          contenido (imagen destacada, texto, etc)
          </article>
     </a>
</div>

    o inlcuso el enlace dentro: 

    <div class="grid">
     <article>
         <a href="enlace">
          contenido (imagen destacada, texto, etc)
         </a>
     </article>
     <article>
         <a href="enlace">
          contenido (imagen destacada, texto, etc)
         </a>
     </article>
</div>

    El caso es que haya un enlace que cubra toda la entrada.

    Pero no sé como añadir ese enlace a las entradas en el loop de Genesis. He probado con printf y el enlace lo crea, pero lo cierra inmediatamente.
    También he probado con el genesis_markup pero me da error si intento añadir ahí un enlace.

    Gracias

    Moderador almendron

    (@almendron)

    hace 6 años

    Pues ya lo siento porque Genesis, si no estoy equivocado, es comercial y no tengo acceso a él. Lo que sí puedo decirte es que el método funciona. Crea un HTMl e inserta

    <a href="http://www.prueba.com">
<div style="width:45%; border: double 10px; height:200px">
	<p>contenido (imagen destacada, texto, etc)</p>
</div>
</a>

    Podrás comprobar que el enlace se aplica a toda la DIV.

    Iniciador del debate Luis Colome

    (@luiscolome)

    hace 6 años

    Lo sé. Te agradezco mucho el esfuerzo y el tiempo dedicado. Seguiré investigando. 😉

    Moderador almendron

    (@almendron)

    hace 6 años

    De nada. Siento no poder ser de más ayuda.
    Un saludo.

    Moderador LGrusin

    (@lgrusin)

    hace 6 años

    El título te sirve para la entrada, ¿no te vale así?

    El enlace del título quiero decir…

    Un saludo

    • Esta respuesta fue modificada hace 6 años por LGrusin.
Viendo 6 respuestas - de la 1 a la 6 (de un total de 6)
  • El debate ‘Un sólo enlace para toda la entrada en Genesis’ está cerrado a nuevas respuestas.