Característica de la página de inicio

:discourse2: Resumen Homepage Feature 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 temas de Discourse? Guía para principiantes sobre el uso de temas de Discourse

Instalar este componente de tema

Características

Por defecto, el tema mostrará los 3 temas más recientes etiquetados como featured y cargará la primera imagen del tema. En la configuración puedes elegir etiquetas personalizadas, 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 visible en móvil.

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, cambiando la configuración de estilo móvil.

Configuración

Nombre Descripción
featured tag Establece la(s) etiqueta(s) para extraer los temas. Los temas que coincidan con cualquiera de las etiquetas seleccionadas serán destacados.
number of topics Muestra hasta 5 temas a ancho máximo
max number of topics Número máximo de temas destacados. Si se establece un valor mayor que number of topics, se mostrarán flechas para navegar entre los temas.
pages loop Si la paginación está habilitada (max number of topics > number of topics), navegar más allá de la última página vuelve a la primera.
hide featured tag Cuando está habilitado (por defecto), las etiquetas destacadas establecidas anteriormente se ocultan a los usuarios normales al ver los temas. El personal aún puede verlas.
show on Dónde aparece el componente: homepage, páginas top_menu (las páginas establecidas en la configuración del menú superior del sitio), o all páginas.
show for Quiénes ven el componente: everyone, solo usuarios logged_in, o solo visitantes logged_out (anónimos).
make collapsible Hace que todo el componente sea colapsable
show title muestra el texto establecido a continuación (el título siempre se muestra cuando make_collapsible está activado)
title text texto para el título, si quieres localizar esto usa la traducción featured_topic_title en su lugar
sort by created desactiva para ordenar por respuestas recientes en su lugar
show all always Por defecto, la cantidad de temas mostrados se reduce según el tamaño de la pantalla, hasta solo 1 en móvil. Marcar esta configuración mostrará todos los temas en cualquier tamaño de pantalla.
hide closed topics Oculta los temas cerrados de la lista de temas destacados
always link to first post Siempre enlaza al primer mensaje del tema, incluso si ya ha sido leído
mobile style 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 menor a 600px.
featured content position Desarrollo avanzado de temas: esto cambia la salida del plugin para el componente
featured image sizes Variantes de imagen redimensionadas (ANCHOxALTO) disponibles para las imágenes destacadas. El navegador carga la más pequeña que se ajuste al espacio en el tamaño de pantalla y densidad de píxeles actuales, ahorrando ancho de banda. Proporciona algunos tamaños que cubran pantallas estándar y de alta resolución.
Traducción Predeterminado
featured_topic_title

:discourse2: ¿Alojado por nosotros? Los componentes de tema están disponibles para usar en nuestros planes Pro, Business y Enterprise.

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.