Anteriormente “Discourse Category Sidebars” — el nombre de este componente del tema se ha actualizado a Topic List Sidebars ahora que soporta tanto categorías como etiquetas.
 |
Resumen | Topic List Sidebars toma un tema y lo aplica como una barra lateral para la lista de temas de una categoría o etiqueta. |
 |
Vista previa | Vista previa en Discourse Theme Creator |
 |
Enlace al repositorio | https://github.com/discourse/discourse-topic-list-sidebars |
 |
¿Nuevo en los temas de Discourse? | Guía para principiantes sobre el uso de temas de Discourse |
Instalar este componente del tema
Características
Este componente del tema toma un tema y lo aplica como una barra lateral para la lista de temas de una categoría o etiqueta. Estas barras laterales solo son visibles cuando el navegador tiene 767px o más de ancho (la mayoría de las tabletas y monitores).
¿Qué puedo hacer con este componente del tema?
-
Elige un tema y muestra su contenido como una barra lateral para una categoría o etiqueta.
-
Configura una barra lateral para que se muestre en las páginas /latest, /new, /unread y /top usando
allcomo nombre de categoría en tu configuración. -
Elige que las barras laterales aparezcan a la izquierda o a la derecha de la lista de temas.
-
Por defecto, la barra lateral de una categoría también se mostrará para todas sus subcategorías a menos que una subcategoría tenga su propia barra lateral definida (puedes desactivar esto desmarcando la configuración
inherit parent sidebar).
¿Cómo lo configuro?
Elige tus categorías y etiquetas, y añade el ID del tema (por ejemplo, example.com/t/example-topic/57) que te gustaría usar para rellenar el contenido de la barra lateral.
Recomiendo crear temas de barra lateral en sus respectivas categorías/etiquetas, cerrar el tema para que no haya respuestas y ocultarlo (para que no aparezca en la lista de temas).
Ten en cuenta que no puedes usar un tema en una categoría privada como barra lateral en una categoría pública (técnicamente sí puedes, pero los usuarios sin acceso a ese tema privado solo verán una barra lateral vacía).
Configuración
| Nombre | Descripción |
|---|---|
| sidebars | Añadir y eliminar barras laterales |
| sidebar side | Elegir entre Izquierda o Derecha |
| inherit parent sidebar | Si está marcado, las subcategorías heredarán la barra lateral de su categoría principal (a menos que la subcategoría tenga su propia barra lateral asignada). Cuando está desmarcado, las subcategorías solo mostrarán una barra lateral si se especifica una. |
| stick on scroll | Cuando está marcado, la barra lateral tiene una posición fija al hacer scroll |
Notas para desarrolladores
Cada barra lateral de categoría está envuelta en una clase que contiene el slug de la categoría, por lo que para la categoría de personal sería .category-sidebar-staff. Puedes usar estas clases para estilizar las barras laterales individuales.
La etiqueta body en las páginas con barras laterales también tiene una clase añadida para que puedas usar body.custom-sidebar para aplicar estilos en todas las páginas que tengan una barra lateral.
Créditos
¡Gracias especiales a @xrav3nz por sentar las bases para hacer posible este componente!
¿Alojado por nosotros? Los componentes de tema están disponibles para usar en nuestros planes Standard, Business y Enterprise.