Miniatures de sujet Discourse Horizon

Installez ce composant de thème

Ajoute des vignettes aux cartes de sujets à contexte élevé de Horizon sans avoir à forker ni à modifier Horizon. La désactivation ou la suppression du composant annule complètement la modification.

Captures d’écran en direct

Vue ordinateur avec le paramètre compact last reply activé :


Vue mobile avec l’image en haut :

Ce qu’il fait

  • Affiche l’image du sujet sur le bord arrière de chaque carte.
  • Sur les téléphones, l’affiche comme une bannière au-dessus de la carte.
  • Conserve un espace réservé pour les sujets sans image, afin que les cartes restent uniformes.
  • Déplace éventuellement la pastille de la dernière réponse dans la ligne de pied de page pour rendre les cartes plus courtes.
  • Charge une taille adaptée à l’écran, afin qu’une liste de sujets ne télécharge pas toutes les images originales.

Il fonctionne également avec Horizon AI Gists.

Prérequis

  • Horizon avec les cartes de sujets à contexte élevé activées
  • Le paramètre de site create thumbnails activé
  • Discourse 2026.5.0 ou une version ultérieure

Ne l’installez pas en parallèle du composant officiel Topic List Thumbnails : il n’est pas nécessaire et les deux entrent en conflit sur les cartes de Horizon.

Paramètres

Paramètre Défaut
thumbnail_size 240 Largeur de la colonne de vignette, de 100 à 400 px
mobile_thumbnails true Affiche la bannière sur les téléphones
placeholder_icon comments Icône pour les sujets sans image
placeholder_background aucun Image derrière l’espace réservé
compact_last_reply true Rend les cartes plus courtes en déplaçant la pastille de la dernière réponse
enabled_categories vide Limite les vignettes à ces catégories ; les sous-catégories ne sont pas incluses

Limites connues

  • Il dépend des noms de classes et de colonnes de Horizon. Si ceux-ci changent, les vignettes peuvent ne plus s’afficher ou certaines parties de la carte peuvent se décaler jusqu’à ce que le composant soit mis à jour.
  • Les sujets existants peuvent afficher l’image originale ou l’espace réservé tant que leurs tailles ne sont pas générées en arrière-plan.

Testé avec les retours d’un membre de Meta et en privé dans notre communauté. Les rapports de bogues et les PR sont les bienvenus.

1 « J'aime »