Categorías destacadas

:discourse2: Resumen Categorías destacadas te permite agregar dos listas de temas “destacados” (creadas a partir de dos categorías diferentes a tu elección) en la parte superior de la página de inicio de tu foro.
:eyeglasses: Vista previa Vista previa en Discourse Theme Creator
:hammer_and_wrench: Enlace al repositorio https://github.com/discourse/discourse-showcased-categories
:open_book: ¿Nuevo en los temas de Discourse? Guía para principiantes sobre el uso de los temas de Discourse

Instalar este componente del tema

Características

En la configuración del componente del tema, puedes personalizar el nombre de cada columna, así como elegir de qué categoría obtener los temas, junto con la cantidad máxima de temas de esa categoría que deseas mostrar.

Configuración:

Nombre Descripción
mostrar como barra lateral Si está habilitado, las categorías destacadas solo se mostrarán en una barra lateral en la página más reciente.
título del feed uno Título para el primer feed de temas
categoría del feed uno Categoría única desde la que obtener los temas
etiqueta del feed uno Opcionalmente, obtener temas de múltiples etiquetas; puede combinarse con una categoría
título del feed dos Título para el segundo feed de temas
categoría del feed dos Categoría única desde la que obtener los temas
etiqueta del feed dos Opcionalmente, obtener temas de múltiples etiquetas; puede combinarse con una categoría
longitud máxima de la lista ¿Cuántos temas deben aparecer en las listas personalizadas?
outlet del plugin Configuración avanzada para personalización adicional
Traducción Predeterminado
showcased_categories.new_post Publicar
showcased_categories.view_more Más

Créditos

Gracias a @awesomerobot por construir la estructura original de este componente. :+1:


:discourse2: ¿Alojado por nosotros? Los componentes de tema están disponibles para usar en nuestros planes Estándar, Comercial y Empresarial.

44 Me gusta

¡Eso es genial! Recientemente estaba pensando en algo así.
¡Gracias, Jordan!

8 Me gusta

¡Gracias, Jordan!
¡Parece muy interesante!

3 Me gusta

Sugerencias para mejorar este componente:

  • Personalización por usuario o por grupo. Por ejemplo, tenemos diferentes grupos para los cuales ciertas categorías son más importantes que otras. Por supuesto, esto varía según el grupo. Por lo tanto, sería ideal que el componente pudiera personalizarse por usuario o, al menos, que los administradores pudieran elegir qué categorías mostrar según el grupo.
  • Tener la opción de una barra lateral en lugar de una posición frontal, al menos en la vista «Últimos», sería excelente.
5 Me gusta

¡Gracias por la retroalimentación!

Esta es una sugerencia interesante :+1:. Me pregunto cómo manejaríamos a un usuario que participa en varios grupos. Podría complicarse un poco, pero me gusta la idea.

Una barra lateral también sería agradable :grinning_face_with_smiling_eyes:

5 Me gusta

Ahora puedes elegir mostrar las listas en una barra lateral en la vista Más recientes :grinning_face_with_smiling_eyes:

Gracias por la sugerencia.

5 Me gusta

¡Realmente genial! :+1: Lo probaré y dejaré comentarios.

3 Me gusta

Ok, así que… la barra lateral no parece funcionar directamente con temas que no son los predeterminados. Tenemos una versión personalizada del tema Material Design y las categorías destacadas aparecen encima de la lista más reciente incluso en modo barra lateral (y de hecho rompe la distribución de los márgenes). Intentaré verificar si hay alguna solución.

2 Me gusta

Jordan, hola, gracias por tan gran componente, pero aún tengo una pregunta: ¿es posible personalizar el color de la barra azul? ¿Existe alguna forma de cambiarlo en la configuración del complemento o mostrar el color de diseño de la categoría?

1 me gusta

¡Claro!

Para hacerlo, deberás hacerlo en tu tema personalizado o en un componente del tema (probablemente la opción más sencilla).

Lo que debes apuntar es a .custom-homepage-columns .header-wrapper.

Algo como esto debería funcionar:

.custom-homepage-columns .header-wrapper { 
    background-color: `tu color aquí`;
}
3 Me gusta

Hola, ¿es posible hacer que todo el bloque tenga la mitad de la altura actual, de modo que, como resultado, quepan el doble de noticias en el mismo tamaño de bloque?
Gracias.

2 Me gusta

Actualmente tenemos un máximo de 5 temas que se muestran en cada lista. En cuanto al espaciado, deberías poder apuntar a las clases CSS en el bloque para lograr el efecto deseado. :+1:

1 me gusta

Hola, ¿podrías publicar un ejemplo? Gracias.

1 me gusta

Lo siento, soy nuevo en la edición de temas. ¿Esto significa que debo duplicar el componente para poder editar los colores? ¿Hay otra forma de acceder al HTML/CSS?

1 me gusta

¡Claro!

Para cambiar la altura de los elementos de la lista de temas, deberías apuntar a esto:

.custom-homepage-columns .topic-list .main-link { height: ??? }

Aparte de esto, el mínimo permitido para mostrar es 1 y el máximo es 5.

2 Me gusta

¡Entendido!

No necesitas duplicar el componente para personalizar el aspecto de este componente del tema.

Esto es lo que debes hacer:

  1. Navega a /admin/customize/themes y haz clic en components.
  2. Haz clic en install y luego en create new. Asegúrate de seleccionar component; ¡puedes darle el nombre que quieras!

Aparecerá entonces en el área de componentes no utilizados:

Luego, deberás habilitarlo en tu tema actualmente seleccionado en esta misma página:

Una vez hecho eso, puedes hacer clic en edit CSS/HTML.

Desde allí, puedes agregar el CSS de personalización en la pestaña commoncss. Puedes agregar el código que compartí anteriormente allí.

.custom-homepage-columns .header-wrapper { 
    background-color: `tu color aquí`;
}
3 Me gusta

¡Gracias! Ahora parece tan sencillo :man_facepalming:

2 Me gusta

¡Hola chicos! La idea de diferentes categorías destacadas basadas en la membresía del grupo es exactamente lo que estoy buscando. Y cuando un usuario está en varios grupos que tienen categorías destacadas configuradas, el TC podría guiarse por el grupo principal del usuario.

En mi caso, tenemos categorías privadas para clientes publicitarios. Estamos buscando una manera de mostrar su categoría individual en la parte superior de la página de inicio. De esa manera, no tienen que rebuscar en el foro para buscarla.

3 Me gusta

Hola chicos @jordan.vidrine No veo que este componente funcione para mí… junto con el tema de Discourse Air.
Aquí están mis configuraciones.


Pero no veo una barra lateral… y asumo que debido a la barra de búsqueda no puedo tener esto en la sección del banner.

2 Me gusta

¿Alguna vez encontraste la solución para esto? Estoy usando el tema Air.

2 Me gusta