Característica de la página principal

:discourse2: Resumen Característica de la página de inicio muestra hasta 5 temas con imágenes en la página de inicio de tu comunidad.
:eyeglasses: Vista previa Vista previa en Discourse Theme Creator
:hammer_and_wrench: Enlace al repositorio https://github.com/discourse/discourse-homepage-feature-component
:open_book: ¿Nuevo en los temas de Discourse? Guía para principiantes sobre el uso de los temas de Discourse

Instalar este componente de tema

Funcionalidades

Por defecto, el tema destacará los 3 temas más recientes etiquetados como destacado e incluirá la primera imagen del tema. En la configuración, puedes elegir una etiqueta personalizada, ocultar la etiqueta, establecer un título personalizado y configurar dónde aparece el componente.

:iphone: Móvil y pantallas pequeñas

Por defecto, reducirá los temas hasta que solo quede uno en móviles.

Puedes cambiar este comportamiento predeterminado activando mostrar siempre todo. Esto hará que el componente sea desplazable horizontalmente en pantallas más pequeñas (< 1000px).
En las pantallas más pequeñas (< 600px), tienes la opción de apilar los temas en su lugar, cambiando la configuración de estilo móvil.

Configuración

Nombre Descripción
etiqueta destacada
número de temas Mostrar hasta 5 temas como máximo en el ancho máximo
ocultar etiqueta destacada Cuando está activado, la etiqueta “etiqueta destacada” establecida anteriormente será invisible para los usuarios normales al ver los temas.
mostrar en
mostrar para
hacer colapsable Hacer que todo el componente sea colapsable
mostrar título muestra el texto establecido a continuación (el título siempre se muestra cuando make_collapsible está activado)
texto del título ordenar por creación
mostrar siempre todo Por defecto, la cantidad de temas mostrados disminuye con el tamaño de la pantalla, hasta solo 1 en móviles. Marcar esta opción mostrará todos en cualquier tamaño de pantalla.
ocultar temas cerrados Ocultar los temas cerrados de la lista de temas destacados
siempre enlazar al primer mensaje Siempre enlazar al primer mensaje del tema, incluso si ya ha sido leído
estilo móvil Si show_all_always está marcado, los temas se mostrarán mediante un desplazamiento horizontal por defecto. Puedes cambiar este comportamiento en pantallas más pequeñas y elegir apilarlos en cualquier pantalla inferior a 600px.
posición del contenido destacado Desarrollo avanzado de temas: esto cambia el punto de acceso del plugin para el componente
Traducción Predeterminado
featured_topic_title

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

89 Me gusta

¡Chicos, esto es épico! Muchísimas gracias. Sería un añadido increíble para el núcleo.

1 me gusta

“Temas destacados” en la versión móvil no debería estar en plural.

3 Me gusta

Esto es encantador. Aunque ya uso el Componente de Tema Destacado, esta tampoco es una mala idea.

Una sugerencia, sin embargo: ¿Qué tal si haces que este componente funcione también con enlaces y no solo con etiquetas? Tal vez así podríamos vincular el contenido para que se obtenga de categorías y/o de “top” (para representar lo más popular), en mi opinión. Con esto, se podría tener la función de temas Populares en la página principal, como en Reddit. ¿Qué opinas @awesomerobot?

¡Excelente componente, gracias! Una pequeña solicitud de funcionalidad: Sería genial si pudieras ajustar la cantidad de temas en escritorio/móvil y también mostrar el autor de la publicación debajo de la imagen…

4 Me gusta

Creo que se debe agregar un carrusel para el tema de barcos, ya que en el móvil solo se puede ver un tema a la vez.

Dos botones para el tema de barcos.

1 me gusta

¿Quizás tus temas no tienen una imagen?

¡Componente increíble! Le da un buen aspecto a la página de inicio. ¿Sería posible mostrar también 3 temas en móviles? ¿Quizás con un deslizador? Y también, ¿sería posible mostrar los temas destacados por categoría?

3 Me gusta

Muy buen componente :+1:

Apoyo la sugerencia de incluir al autor en algún lugar. También sería agradable:

  • que el enlace en la imagen siempre dirija al post más reciente (como el del título)
  • poder elegir un diseño alternativo como la variante en uno de los posts anteriores, con el tema más reciente a la izquierda y los más pequeños a la derecha
  • poder ocultar el título del componente cuando se elige un título vacío
  • tener desplazamiento horizontal en móviles (ya sea mediante pequeños iconos debajo o flechas laterales) para poder mostrar tres o cuatro temas disponibles
3 Me gusta

He encontrado un error en la forma en que este componente interactúa con las tarjetas de usuario.

Por alguna razón, las tarjetas de usuario no parecen tener en cuenta que el componente está aumentando la altura de la página.

Aquí hay una captura de pantalla del visor de temas: cuando hago clic en un perfil de usuario, aparece la tarjeta. Como pueden ver, la tarjeta de usuario parece no tener en cuenta los temas destacados:

He intentado varias soluciones, pero no estoy seguro de por qué la altura del componente no se tiene en cuenta al calcular la posición de la tarjeta de usuario.

¡Gracias!

2 Me gusta

Acabo de realizar una actualización que lo soluciona.

La forma en que lo tenía anteriormente interfería con el colapso de márgenes… lo cual alteraba nuestro cálculo de posicionamiento superior para las tarjetas de usuario… se aborda brevemente aquí: Mastering margin collapsing - CSS | MDN, esto estaba relacionado con “Sin contenido que separe al elemento padre de sus descendientes”.

9 Me gusta

¡Increíble complemento de tema!

¿Sería posible aleatorizar la rotación? He configurado para que se muestren 2, y muestra los dos hilos con la actividad más reciente.

Hola @awesomerobot, este componente del tema es increíble. Sin embargo, me gustaría saber si es posible que, en la versión móvil, no aparezca solo uno, sino un carrusel con los 3 temas destacados que se ven en la página principal. Creo que le da un buen aspecto a la página principal. También sería genial si fuera posible agregar temas destacados en cada página de categoría. Espero que puedas dar alguna respuesta y ¡muchas gracias por esto!

3 Me gusta

¡He logrado hacer algunos trucos de CSS y ahora en el móvil puedo hacer scroll! Pero solo en vertical; no sé cómo podría ser en horizontal :smiley:

1 me gusta

¡Componente increíble!
Solo una cosa: en mi foro, en el móvil, parece tener demasiado espacio debajo del contenido destacado.

Así que, ¿puedo arreglarlo de alguna manera o es posible al menos desactivarlo en la vista móvil?
¡Gracias!

2 Me gusta

Gracias por esto, es realmente muy bueno.
¿Existe alguna forma de que el móvil muestre los 3 en modo deslizante?

Otra característica genial podría ser que, al entrar en una categoría o etiqueta, se filtren realmente tus etiquetas “destacadas” y se muestren específicamente para esa etiqueta o categoría.

De cualquier forma, esto es realmente increíble. Gracias.

1 me gusta

Eso es extraño, no veo tanto espacio de mi lado… ¿es posible que tengas otros temas instalados que puedan estar causando esto? (también, como nota al margen, eso parece la vista de escritorio en móvil, no la vista móvil)

Aquí está mi prueba sin otros temas habilitados:

1 me gusta

Hola,

Ayer, tres publicaciones mostraron miniaturas de manera muy clara: dos de ellas no incluían imágenes, sino un video de YouTube, y el sistema extrajo la miniatura correctamente, todo funcionó bien.

De repente, hoy las miniaturas ya no aparecen en las dos publicaciones que tenían el video de YouTube. ¿Existe algún problema conocido al respecto?

https://www.tournamust.com/

No tengo conocimiento de ningún problema, pero no he probado este componente con videos incrustados. Lo revisaré para ver si hay algo obvio ocurriendo.