Dar formato al LOOP de WordPress

  • Resuelto polichinela

    (@polichinela)


    hace 10 años, 5 meses

    Hola,

    estoy construyendo mi primer sitio WP y se me ha planteado un problema que no consigo solucionar.

    En mi página index.php he creado el LOOP de WP con 5 post máximo. Este Loop lo he incluido en un <div> con una clase. La cuestión es que quiero que cada uno de esos 5 post, cuando finalice el «excerpt», incluya una barra de separación «<hr>» con el siguiente «post» que he incluido dentro del mismo <div> donde está el loop. Lo que quiero es que todas los post incluyan esa barra <hr> excepto el último pues no quiero que «redunde» con el border del <div> donde se incluye el loop.

    Por favor me podéis dar alguna idea de cómo eliminar ese 5º <hr>? Qué puedo hacer para que todos los post incluyan al final ese <hr> excepto el último?
    Gracias de antemano.

Viendo 1 respuesta (de un total de 1)
  • Ricardo Prieto

    (@ricardpriet)

    hace 10 años, 5 meses

    Hola polichinela

    Te voy a proponer un metodo más sencillo, para no ensuciar tu HTML, mejor realizas esta operación mediante CSS.

    Vas a indicar que añada un border bottom a cada articulo excepto al último. 

    .home article {
border-bottom: 2px solid #eee;
}

    Y con la siguiente línea le indicas que al último no le aplique un borde:

    .home article:last-of-type {
border-bottom: none;
}

    Si esta no funcionase prueba con last-child

    .home article:last-child {
border-bottom: none;
}

    Saludos! ya me cuantas

Viendo 1 respuesta (de un total de 1)
  • El debate ‘Dar formato al LOOP de WordPress’ está cerrado a nuevas respuestas.

Etiquetas