Carrelages à la une

:discourse2: Résumé Tuiles en vedette ajoute une rangée de tuiles en vedette au-dessus des listes de sujets.
:eyeglasses: Aperçu Aperçu sur Discourse Theme Creator
:hammer_and_wrench: Lien vers le dépôt https://github.com/discourse/discourse-featured-tiles
:open_book: Nouveau sur les thèmes Discourse ? Guide pour débutants sur l’utilisation des thèmes Discourse

Installer ce composant de thème

Fonctionnalités

Tuiles en vedette ajoute une rangée de tuiles en vedette au-dessus des listes de sujets.

Au survol, le titre du sujet et l’auteur seront affichés :

De nombreuses options sont disponibles pour sélectionner la source des sujets. Les images peuvent être récupérées par balise, par catégorie ou en utilisant une période de « sujets populaires ». Les images peuvent être limitées à la catégorie actuellement consultée ou provenir de l’ensemble du site.

Une option est ajoutée aux préférences de l’interface utilisateur permettant aux utilisateurs de masquer la bannière sur l’appareil actuel.

Paramètres

Nom Description
catégorie en vedette La catégorie contenant les sujets en vedette. Définir sur 0 pour toutes les catégories. « Limiter à la catégorie » remplacera ce paramètre.
balises en vedette La balise contenant les sujets en vedette. Elle doit être visible publiquement.
source de sujet Quel algorithme doit être utilisé pour sélectionner les sujets
période supérieure La période utilisée lorsque « source de sujet » est définie sur « supérieur »
randomiser les sujets Randomiser la sélection et l’ordre des sujets
afficher lorsque non filtré Afficher sur la page « derniers » non filtrée
afficher sur les catégories Afficher sur les pages de catégorie
afficher les catégories Afficher les tuiles lors de la consultation de ces catégories. Laisser vide pour toutes les catégories
nombre maximum de sujets Le nombre maximum de sujets à afficher
limiter à la catégorie Filtrer les sujets à la catégorie actuelle
afficher sur mobile Afficher sur les appareils mobiles
Traduction Valeur par défaut
preference_header Bannière des sujets en vedette
preference_description Afficher la bannière des sujets en vedette sur cet appareil

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

38 « J'aime »

Wow.

C’est incroyable ! Cela va attirer encore plus de clics sur mon forum.

@david bien que non sélectionné, il apparaît sur la page des catégories. De plus, si un sujet n’a pas d’images, pouvons-nous définir une image par défaut ?

Captura de Tela 2020-07-12 às 17.07.12

Édition : un membre m’a dit que cela ne fonctionne que sur MacOS, car il ne voit rien.

Un thème sympa et fonctionnel :v.

En quoi est-ce différent du composant de mise en avant de la page d’accueil ? S’agit-il uniquement du style ou y a-t-il des différences plus profondes ?

1 « J'aime »

C’est surtout une question de style. De plus, le composant de fonctionnalité de la page d’accueil est conçu uniquement pour être utilisé sur la page d’accueil. Celui-ci fonctionne dans quelques autres endroits.

3 « J'aime »

Pourriez-vous demander au membre de vérifier la console d’erreurs de son navigateur ? Et aussi nous indiquer quel navigateur il utilise ?

Firefox

Chrome

Cette erreur semble provenir d’un autre composant de thème. Pouvez-vous essayer de les désactiver un par un ?

4 « J'aime »

Bonjour,

Avec cette configuration, les vignettes devraient apparaître sur toutes les pages de catégories, n’est-ce pas ? Mon tag à la une est « destacado », mais les vignettes ne s’affichent pas sur la page de catégorie.

2 « J'aime »

Est-ce la même chose que le thème Aperçus de la liste des sujets ?

Non, ce n’est pas la même chose. Le « Composant de thème des tuiles mises en avant » dans ce sujet est officiellement maintenu par l’équipe Discourse et ne propose que ce que vous voyez sur la capture d’écran. « Topic List Previews » est un plugin et/ou un thème tiers avec un design et un ensemble de fonctionnalités différents.

2 « J'aime »

J’adore ça.

Est-il possible de ne récupérer que les sujets contenant des photos ou des images ? Sinon, cela semble assez discordant avec une rangée de cadres gris vides et une photo de temps en temps.

Merci,
Ray

2 « J'aime »

@david comment puis-je améliorer la qualité des images et probablement leur taille à 180x80, merci

Il devrait utiliser des images de 200x200 sur les écrans standard, en passant automatiquement à 400x400 sur les écrans HiDPI.

Voyez-vous quelque chose de différent ?

Puis-je vous envoyer un MP, car mon forum est réservé aux adultes.

1 « J'aime »

Merci pour le lien. En examinant le site, le problème est que les images sont en mode portrait. Nous contrignons donc une image de 3072x4608 dans un carré de 200x200, ce qui la réduit à 133x200. Ensuite, nous « remplissons » une zone de 222x150 avec cette image. Ainsi, nous affichons une image large de 133 pixels dans un espace large de 222 pixels.

Une solution consiste à arrêter de « remplir » la bannière avec l’image et à l’« adapter » à la place. C’est l’approche que nous adoptons pour les vignettes de la liste des sujets :

Ajouter un nouveau paramètre au composant de thème pour cela correspondrait à pr-welcome si quelqu’un souhaite s’en charger.

7 « J'aime »

Cela a l’air super, j’aime bien que les tuiles n’alourdissent pas l’interface. J’ai quelques questions sur la configuration.

Je n’arrive pas à faire apparaître les tuiles en vedette sur mes pages de catégories, uniquement sur la page d’accueil. Ma configuration est ci-dessous (avec les noms de mes catégories masqués car nous ne souhaitons pas les partager pour le moment). Est-ce que j’aurais oublié quelque chose ?

Configuration actuelle

Ma deuxième question : existe-t-il un moyen de définir des images par défaut pour les tuiles, plutôt que celles extraites des sujets ? Nous aurons souvent des sujets à mettre en avant qui n’ont pas d’images, mais nous souhaitons tout de même que l’ensemble reste esthétique. Si ce n’est pas possible nativement pour l’instant, cela signifierait-il modifier le CSS ou le JS ?

2 « J'aime »

Bonjour David !

Composant de thème incroyable. Comme d’autres l’ont demandé, existe-t-il un moyen d’ajouter des images par défaut pour les sujets sans image ?

Par exemple, Featured1.img, Featured2.img si aucune image n’est détectée ?

J’ai également un problème avec le composant qui reconnaît un tag visible par tous, mais indique qu’il ne peut pas trouver le tag lorsque j’essaie de l’ajouter.

1 « J'aime »

Y a-t-il un type d’image spécifique (.jpg, .png, .tiff) avec lequel cela fonctionne ? Les images n’apparaissent pas dans 2 des 3 sujets que j’ai étiquetés, bien que le sujet lui-même s’affiche.


OS - Mac 10.15.7 (Les versions Chrome, Safari et iOS semblent identiques)

1 « J'aime »

le thème affiche une bannière grise vide lorsqu’il est activé sur le site :

bien que l’option de balise soit cochée et qu’il y ait des sujets dans le feature-tag.

D’accord. Je me demande toujours s’il existe une astuce pour rechercher une image dans l’ensemble du sujet, au cas où elle s’y trouverait ? Ou bien cela ne prendra-t-il que celle du premier message ?