Hasta ahora en la portada del blog listaba las entradas con una lista no ordenada (etiqueta ul) y colocaba la más reciente en primer lugar. Este blog lo empecé en 2020 en noblogo.org de Writefreely y lo moví un par de veces de mi hosting a allí para dejarlo finalmente en un WordPress en mi hosting. Me gusta ver las entradas por año y tener una cuenta de las que llevo. En 2023 van más de 50 y a veces pienso que si hace 3 años no me hubiese dado por empezarlo, todas estas entradas no estarían escritas (evidente).
En mi html y CSS tengo listas ol y también una class que se llama postlist para el listado de los posts de la página de portada. Para ver esa lista ordenada pero con la numeración de forma invertida (es decir: en vez de un listado que empieza por el 1 y acaba por el 50, que empiece por el último y acabe en el 1), le he puesto este CSS a la clase postlist:
.postlist {
display: flex;
flex-direction: column-reverse;
}
Si esas cláusulas se aplican a todo ol, quizá te rompa listados de otras secciones o post de la web que sí quieras que vayan ordenados de forma habitual. En el html, mis listados de la portada van con la etiqueta ol y la clase postlist:
ol class="postlist"
Y listo, los listados de posts en la portada se ven de esta forma:
No obstante, lo he dejado con la numeración desordenada del <ol>.