Fonctionnalité de la page d'accueil

:discourse2: Résumé Le composant Élément d’accueil (Homepage Feature) met en avant jusqu’à 5 sujets avec images sur la page d’accueil de votre communauté.
:eyeglasses: Aperçu Aperçu sur le Créateur de Thèmes Discourse
:hammer_and_wrench: Lien du dépôt https://github.com/discourse/discourse-homepage-feature-component
:open_book: Nouveau sur les thèmes Discourse ? Guide pour débutants avec les 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 tagués featured et récupérera la première image du sujet. Dans les paramètres, vous pouvez choisir des tags personnalisés, masquer le tag, définir un titre personnalisé et configurer l’emplacement du composant.

:iphone: Mobile et petits écrans

Par défaut, il réduira le nombre de sujets affichés jusqu’à n’en laisser qu’un seul sur mobile.

Vous pouvez modifier ce comportement par défaut en activant toujours tout afficher (show all always). Cela rendra le composant défilable horizontalement sur les petits écrans (< 1000px).
Sur les très petits écrans (< 600px), vous avez la possibilité d’empiler les sujets verticalement en modifiant le paramètre style mobile.

Paramètres

Nom Description
tag vedette Définissez le(s) tag(s) pour récupérer les sujets. Les sujets correspondant à n’importe lequel des tags sélectionnés seront mis en avant.
nombre de sujets Affiche jusqu’à 5 sujets à la largeur maximale
nombre maximum de sujets Nombre maximum de sujets vedettes. Si défini supérieur à nombre de sujets, des flèches sont affichées pour naviguer entre les pages de sujets.
boucle de pages Si la pagination est activée (nombre maximum de sujets > nombre de sujets), passer au-delà de la dernière page renvoie à la première.
masquer le tag vedette Lorsqu’activé (par défaut), le(s) tag(s) vedette défini(s) ci-dessus sont masqués pour les utilisateurs normaux lors de la visualisation des sujets. Le personnel (staff) peut toujours les voir.
afficher sur Emplacement du composant : homepage (page d’accueil), pages top_menu (les pages définies dans le paramètre de menu supérieur du site), ou all (toutes les pages).
afficher pour Quels visiteurs voient le composant : everyone (tout le monde), seuls les utilisateurs logged_in (connectés), ou seuls les visiteurs logged_out (anonymes).
rendre réductible Rendre l’ensemble du composant réductible (collapsible)
afficher le titre affiche le texte défini ci-dessous (le titre est toujours affiché lorsque rendre réductible est activé)
texte du titre texte pour le titre ; si vous souhaitez le localiser, utilisez plutôt la traduction featured_topic_title
trier par date de création désactiver pour trier par dernières réponses
toujours tout afficher Par défaut, le nombre de sujets affichés diminue avec la taille de l’écran, jusqu’à 1 seul sur mobile. Cocher cette option affichera tous les sujets sur n’importe quelle taille d’écran.
masquer les sujets fermés Masque les sujets fermés de la liste des sujets vedettes
lier toujours au premier message Touche lier vers le premier message du sujet, même s’il a déjà été lu
style mobile Si toujours tout afficher est coché, les sujets seront affichés via 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.
position du contenu vedette Développement avancé de thème : cela change la sortie de plugin (plugin outlet) pour le composant
tailles d’images vedettes Variantes d’images redimensionnées (LARGEURxHAUTEUR) disponibles pour les images vedettes. Le navigateur charge la plus petite qui correspond à l’emplacement selon la taille d’écran et la densité de pixels actuelle, économisant ainsi la bande passante. Fournissez quelques tailles couvrant les écrans standards et haute résolution.
Traduction Défaut
featured_topic_title

:discourse2: Hébergé par nous ? Les composants de thème sont disponibles sur nos plans Pro, 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.