Cómo mostrar el número de temas y posts en columnas
-
Aethior -
December 10, 2024 at 9:00 AM -
115 Views -
0 Comments
WoltLab Suite Forum muestra el número de temas y posts debajo de cada foro por defecto, sin embargo, aquí te enseñamos otra forma más visual para mostrar los contadores.
Existen diferentes formas de presentar el número de temas y posts de un foro y, de hecho, con las diferentes versiones del software ha ido cambiando la forma en la que se muestra esta información. En la última versión de WoltLab Burning Board 4, antes de pasar a llamarse WoltLab Suite Forum, los contadores se mostraban en una columna con el número de temas arriba y el número de posts abajo. En WoltLab Suite Forum 5 se utilizó un icono de Font Awesome y un contador después del título. En la versión actual, WoltLab Suite Forum 6, las contadores de temas y posts se sitúan debajo de la descripción de cada foro en un intento de optimizar la visualización en diferentes dispositvos, sin embargo, esta nueva apariencia no gusta a todo el mundo y hay quien ha intentado mejorarla.
El usuario @Skayritares preguntó en el foro oficial de WoltLab cómo conseguir mostrar los contadores en columnas, una personalización que había visto en powerstylez.de, la web de Gino Zantaralli. La verdad es que, una vez que lo pruebas y te acostumbras a esta visualización, acaba gustando tanto que es difícil volver a la versión anterior, y lo más llamativo de esta modificación es que es fácilmente implementable a través de código CSS, sin tener que editar la plantilla ni realizar otro tipo de ajustes en la web.
Este truco de personalización debemos agradecérselo a @Aze y @CL4Y, miembros de la comunidad de WoltLab que no dudaron en compartir y mejorar el código CSS para conseguir este efecto. @Aze fué quien publicó el código CSS para mostrar las contadores en columnas y @CL4Y quien ayudó a ocultar los contadores en dispositivos móvil, mejorando la visualización del foro en resoluciones más pequeñas.
Para conseguir este efecto debes añadir el siguiente código en el apartado "CSS y SCSS globales" que encontrarás en el panel de administración de tu comunidad, en la pestaña de "Personalización".
/*CONTADORES DE FOROS EN COLUMNAS
Gracias a @AZE y @CL4Y*/
@media screen and (min-width: 769px), print {
.wbbBoardNode {
grid-template-areas:
"icon content stats lastPosts"
"icon content stats lastPosts"
"icon subBoards stats lastPosts";
grid-template-columns: min-content 1fr 15% 40%;
&__stats {
align-items: center;
justify-content: center;
}
&__statItem {
flex-direction: column;
align-items: center;
dt::after {
display: none;
}
dd {
margin-left: 0;
font-size: var(--wcfFontSizeHeadline);
font-weight: 600;
}
}
}
}
Display More
Con estas pocas líneas de código conseguimos un efecto bastante llamativo, que da más importancia a los números de temas y posts de un foro, y que hace que la apariencia de la web se parezca a otras comunidades. Si te interesa saber cómo personalizar aun más la apariencia de tu foro, te compartimos también otro artículo en el que te contamos cómo mostrar sólo un tema en la lista de foros.
En WoltLab Community | Listado de número de temas y mensajes de un foro a la derecha del título (en alemán).
Comments