Fonctionnalité de la page d'accueil

:discourse2: Résumé La fonctionnalité Homepage Feature met en avant jusqu’à 5 sujets avec images sur la page d’accueil de votre communauté.
:eyeglasses: Aperçu Aperçu sur Discourse Theme Creator
:hammer_and_wrench: Lien vers le dépôt https://github.com/discourse/discourse-homepage-feature-component
:open_book: Nouveau sur les thèmes Discourse ? Guide pour débutant sur l’utilisation des thèmes Discourse

Installer ce composant de thème

Fonctionnalités

Par défaut, le thème mettra en avant les 3 sujets les plus récents étiquetés featured et intégrera la première image du sujet. Dans les paramètres, vous pouvez choisir une balise personnalisée, masquer la balise, définir un titre personnalisé et configurer l’emplacement d’apparition du composant.

:iphone: Mobile et petits écrans

Par défaut, les sujets sont réduits jusqu’à ce qu’il n’en reste qu’un seul sur mobile.

Vous pouvez modifier ce comportement par défaut en activant show all always. Cela rendra le composant défilant horizontalement sur les petits écrans (< 1000px).
Sur les écrans les plus petits (< 600px), vous avez la possibilité de les empiler à la place, en modifiant le paramètre mobile style.

Paramètres

Nom Description
featured tag
number of topics Afficher jusqu’à 5 sujets au maximum de largeur
hide featured tag Lorsqu’activé, la balise “featured tag” définie ci-dessus sera invisible pour les utilisateurs normaux lors de l’affichage des sujets.
show on
show for
make collapsible Rendre l’ensemble du composant réductible
show title Affiche le texte défini ci-dessous (le titre est toujours affiché lorsque make_collapsible est activé)
title text trier par date de création
show all always Par défaut, le nombre de sujets affichés diminue avec la taille de l’écran, jusqu’à un seul sur mobile. Cocher ce paramètre affichera tous les sujets quelle que soit la taille de l’écran.
hide closed topics Masquer les sujets fermés de la liste des sujets en vedette
always link to first post Toujours lier au premier message du sujet, même s’il a déjà été lu
mobile style Si show_all_always est coché, les sujets seront affichés par un défilement horizontal par défaut. Vous pouvez modifier ce comportement sur les petits écrans et choisir de les empiler sur tout écran inférieur à 600px.
featured content position Développement de thème avancé : cela modifie le point d’insertion du plugin pour le composant
Traduction Défaut
featured_topic_title

:discourse2: Hébergé par nous ? Les composants de thème sont disponibles pour une utilisation sur nos plans Standard, Business et Enterprise.

89 « J'aime »

les gars, c’est épique ! Un grand merci. Ce serait un ajout formidable au cœur du système.

1 « J'aime »

“Sujets à la une” dans la version mobile ne devrait pas être au pluriel.

3 « J'aime »

C’est charmant. Bien que j’utilise déjà le composant Sujet en vedette, ce n’est pas une mauvaise idée non plus.

Une suggestion toutefois : Et si vous faisiez en sorte que ce composant fonctionne aussi avec les liens et pas seulement avec les balises ? Peut-être alors pourrions-nous lier le contenu à être alimenté depuis, par exemple, les catégories et/ou le haut (pour représenter les tendances) à mon avis. Avec cela, on pourrait avoir la fonctionnalité de sujets Tendances sur la page d’accueil ; comme le fait Reddit. Qu’en pensez-vous @awesomerobot ?

Excellent composant, merci ! Une petite demande de fonctionnalité : il serait génial de pouvoir ajuster le nombre de sujets sur ordinateur et mobile, et d’afficher également l’auteur du message sous l’image…

4 « J'aime »

Je pense qu’il faut ajouter un carrousel pour le sujet des bateaux, car sur mobile, on ne peut voir qu’un seul sujet à la fois.

Deux boutons pour le sujet des bateaux.

1 « J'aime »

Peut-être que vos sujets n’ont pas d’image ?

Composant incroyable. Il donne une belle apparence à la page d’accueil. Serait-il possible d’afficher également 3 sujets sur mobile ? Peut-être avec un diaporama ? Et aussi, serait-il possible d’afficher les sujets en vedette par catégorie ?

3 « J'aime »

Très beau composant :+1:.

Je soutiens également la suggestion d’afficher l’auteur quelque part. Ce serait aussi bien de :

  • rendre le lien sur l’image toujours redirigeant vers le dernier message (comme celui dans le titre)
  • pouvoir choisir une mise en page alternative, comme la variante dans l’un des messages ci-dessus, avec le sujet le plus récent à gauche et les plus petits à droite
  • pouvoir masquer le titre du composant lorsqu’un titre vide est sélectionné
  • avoir un défilement horizontal sur mobile (soit via de petites icônes en dessous, soit via des flèches latérales) pour pouvoir afficher trois ou quatre sujets disponibles
3 « J'aime »

J’ai trouvé un bug dans la façon dont ce composant interagit avec les cartes d’utilisateur.

Pour une raison quelconque, il semble que les cartes d’utilisateur ne soient pas conscientes que le composant ajoute de la hauteur à la page.

Voici une capture d’écran de l’aperçu du thème : lorsque je clique sur un profil utilisateur, la carte s’affiche. Comme vous pouvez le constater, la carte d’utilisateur semble ignorer les sujets à la une :

J’ai essayé plusieurs solutions pour corriger ce problème, mais je ne suis pas sûr de savoir pourquoi la hauteur du composant n’est pas prise en compte lors du calcul du positionnement de la carte d’utilisateur.

Merci !

2 « J'aime »

Je viens de publier une mise à jour qui corrige le problème.

La manière dont j’avais configuré cela auparavant interférait avec un effondrement de marges… ce qui faussait notre calcul de positionnement supérieur pour les cartes utilisateur… c’est brièvement expliqué ici : Mastering margin collapsing - CSS | MDN, cela était lié à « Aucun contenu séparant le parent et ses descendants. »

9 « J'aime »

Superbe complément de thème !

Serait-il possible de randomiser la rotation ? Je l’ai configuré pour afficher 2, et il affiche les deux fils de discussion ayant eu l’activité la plus récente.

Bonjour @awesomerobot, ce composant de thème est incroyable. Cependant, je voudrais savoir s’il est possible que, sur la version mobile, il n’affiche pas seulement un élément, mais un carrousel des 3 thèmes à la une que vous pouvez voir sur la page principale. Je pense que cela donne un bel aspect à la page principale. Ce serait également formidable si l’on pouvait ajouter des thèmes à la une sur chaque page de catégorie. J’espère que vous pourrez me donner votre avis, et merci beaucoup pour tout cela !

3 « J'aime »

J’ai réussi à faire quelques astuces CSS et maintenant sur mobile je peux faire défiler ! mais uniquement verticalement, je ne sais pas comment le faire en horizontal :smiley:

1 « J'aime »

Composant génial !
La seule chose est que, sur mon forum, en version mobile, il semble y avoir trop d’espace sous le contenu en vedette.

Alors, puis-je régler cela d’une manière ou d’une autre, ou est-il possible de désactiver au moins cette fonctionnalité en version mobile ?
Merci !

2 « J'aime »

Merci pour cela, c’est vraiment sympa.
Y a-t-il un moyen de faire en sorte que la version mobile affiche les 3 éléments en mode diaporama ?

Une autre fonctionnalité géniale serait que, lorsque vous entrez dans une catégorie ou un tag, il filtre réellement vos tags « à la une » et les affiche spécifiquement pour ce tag ou cette catégorie.

Dans tous les cas, c’est vraiment génial. Merci.

1 « J'aime »

C’est étrange, je ne vois pas autant d’espace de mon côté… est-il possible que vous ayez d’autres thèmes installés qui pourraient en être la cause ? (D’ailleurs, à titre d’information, cela ressemble à une vue de bureau sur mobile, et non à une vue mobile.)

Voici mon test avec aucun autre thème activé :

1 « J'aime »

Bonjour,

Hier, certaines vignettes se sont très bien affichées pour trois publications (deux d’entre elles ne contenaient pas d’images, mais plutôt une vidéo YouTube). Le système a toutefois extrait la vignette et tout était bon.

Soudainement, aujourd’hui, les vignettes n’apparaissent plus pour les deux publications contenant une vidéo YouTube. Y a-t-il un problème connu à ce sujet ?

https://www.tournamust.com/

Je ne suis pas au courant d’un problème, mais je n’ai pas testé ce composant avec une vidéo intégrée. Je vais jeter un coup d’œil pour voir s’il y a quelque chose d’évident qui se passe.