Listas destacadas

:information_source: Resumen Crear y mostrar listas de temas personalizadas
:hammer_and_wrench: Repositorio Manuel Kostka / Discourse / Components / Featured Lists · GitLab
:question: Guía de instalación Cómo instalar un tema o componente de tema
:open_book: ¿Nuevo en los temas de Discourse? Guía para principiantes sobre el uso de temas de Discourse

Instalar este componente de tema

El componente te permite filtrar listas de temas personalizadas y mostrarlas en tu foro.

Aspecto predeterminado

Editor de configuración

Estilo

Para el estilo CSS, la estructura del componente es:

.featured-lists {
  &__wrapper { }

  &__list-container { }

  &__list-header { }

  &__list-body { }
}

Por ejemplo, podrías estilizar un aspecto de tablero de estilo antiguo:

O paneles modernos y minimalistas:

Si realizas estilos personalizados, ¡compártelos en este tema! :sparkles: :sparkling_heart:

26 Me gusta

Hola, ¿cómo puedo evitar que el tema de la categoría se muestre en las listas destacadas?

¿También es posible ocultar una fila si no hay temas en ella? Por ejemplo, si uso una fila para temas Nuevos, se muestra vacía con la información de la fila pero sin temas.

1 me gusta

¡Gracias por tus comentarios! Acabo de actualizar el componente, por lo que no renderiza listas vacías.

No veo una clase dedicada para los temas “acerca de”. Pero podrías usar una declaración de estilo para ocultar los temas fijados de las listas destacadas:

.featured-lists__list-body .topic-list-item.pinned {
  display: none;
}
2 Me gusta

Gracias por la actualización, funciona muy bien. ¿Es posible en el futuro que el botón de publicar por más en realidad publique en la categoría designada para la fila correspondiente?

2 Me gusta

Eso ya debería funcionar así:

  • Si estableces una categoría o una etiqueta, el compositor rellenará una o ambas.

  • Si la lista no tiene una categoría establecida, el compositor la rellenará con el valor de la configuración general del sitio categoría del compositor predeterminada:

¿Cómo es que no te funciona?

2 Me gusta

¡Buen componente @manuel! Me gusta mucho, especialmente lo fácil que lo has hecho personalizable para que se pueda adaptar a otros temas. ¡Gran trabajo y gracias por compartir! :clap: :slight_smile:

2 Me gusta

Hola, sí, esto funciona. Lo que preguntaba es si establezco una categoría en una fila que es diferente de la predeterminada en el administrador, ¿puede una persona que hace clic en publicar ir a esa categoría y no a la que se establece en la configuración del administrador?

No estoy seguro de lo que intentas lograr… ¿podrías explicarlo con un ejemplo?

1 me gusta

Si configuro mostrar en en En todas partes
¿Cómo oculto las listas destacadas al abrir temas de una categoría específica?

Podrías bifurcar el componente y añadir tu condición específica en discourse-featured-lists/javascripts/discourse/components/featured-lists-wrapper.gjs at main · nolosb/discourse-featured-lists · GitHub.

O simplemente usar algunas declaraciones CSS para ocultar el componente en tus categorías específicas.

¡Este tema-componente es increíble! Disculpas por revivir este tema, pero tengo una pregunta sobre este componente.

¿Sería posible mostrar categorías en lugar de temas?

Por ejemplo, en lugar de que el cuerpo de esta lista contenga cuatro temas diferentes, contendría cuatro categorías diferentes, y al hacer clic en una de ellas te dirigiría a esa categoría.

1 me gusta

Un buen plugin, ¡gracias! En el editor de plugins, intenté aumentar el número de elementos mostrados de 3 a 5. Se guarda, pero luego vuelve a 3, a pesar de que varias categorías tienen más de 3 elementos. ¿Hay alguna forma de anular el max=3 o algún otro enfoque para lograr esto?

Con el editor tienes que guardar dos veces, una en la ventana del editor:

Y luego otra vez en la página principal del componente:

image

¿Quizás eso está causando tu problema? Configurar cualquier número de temas funciona bien para mí.

2 Me gusta

Eso era exactamente; me salté ese paso. Muchas gracias por tu rápida respuesta y por tu útil plugin.

2 Me gusta

Me pregunto… ¿No se podría desanclar y deslistar el tema “Acerca de”?

Supongo que sí. Sin embargo, el resultado sería diferente, ya que el tema estaría generalmente oculto. Por mi experiencia, es más común que quieras mostrar una selección de los temas más recientes en una lista destacada, pero que los temas anclados y también los de “Acerca de” sigan siendo visibles en otros lugares.

1 me gusta

Me daría curiosidad, ya que es un tema especial (es decir, la gente ha descubierto que realmente no quieren ser eliminados). Que desanclar y deslistar en teoría no debería afectar, por ejemplo, la descripción de la categoría en ¿son las cajas de categoría?

Hola, este componente me funciona casi a la perfección, sin embargo, me gustaría tener la opción de colocar las listas debajo en lugar de arriba.

image

¿Hay alguna forma sencilla de hacerlo? Por lo que he visto en el repositorio, parece que aún no está previsto.

@Maria podrías colocar el componente en cualquier salida de plugin. Puedes usar el componente Plugin outlet locations para inspeccionar las salidas disponibles.

1 me gusta

@manuel @Lilly sobre Css.
Tengo 2 listas de 2 categorías: Yoga y Fitness.
Estoy configurando ambas listas para que se muestren en todas partes.
¿Cómo ocultar la lista de “Yoga” al abrir cualquier tema (aún se mostrará en la página de inicio, categoría y otros lugares)?
La lista de “Fitness” todavía se muestra en todas partes.

Gracias a los expertos de Discourse.