Carrelages en vedette

||||
-|-|
:discourse2: | Résumé | Featured Tiles ajoute une rangée de tuiles à la une au-dessus des listes de sujets.
| :eyeglasses: | Aperçu | Aperçu sur Discourse Theme Creator
:hammer_and_wrench: | Lien du dépôt | https://github.com/discourse/discourse-featured-tiles
:open_book: | Nouveau dans les thèmes Discourse ? | Guide de démarrage pour l’utilisation des thèmes Discourse

Installer ce composant de thème

Fonctionnalités

Featured Tiles ajoute une rangée de tuiles à la une 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 étiquette, 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.

Un paramètre est ajouté aux préférences de l’interface utilisateur, permettant aux utilisateurs de masquer la bannière sur l’appareil actuel.

Paramètres

| Nom | Description
|-|
| featured category | La catégorie contenant les sujets à la une. Définir à 0 pour toutes les catégories. ‘Scope to category’ (Limiter à la catégorie) écrasera ce paramètre.
| featured tags | L’étiquette contenant les sujets à la une. Celle-ci doit être publiquement visible.
| topic source | Quel algorithme doit être utilisé pour sélectionner les sujets
| top period | La période de temps utilisée lorsque “topic_source” est défini sur “top”
| randomize topics | Randomiser la sélection et l’ordre des sujets
| display when unfiltered | Afficher sur la page des derniers sujets non filtrés
| display on categories | Afficher sur les pages de catégorie
| display categories | Afficher les tuiles lors de la consultation de ces catégories. Laisser vide pour toutes les catégories
| maximum topic count | Le nombre maximum de sujets à afficher
| scope to category | Filtrer les sujets à la catégorie actuelle
| display mobile | Afficher sur les appareils mobiles

| Traduction | Défaut
|-|
| preference_header | Bannière des sujets à la une
| preference_description | Afficher la bannière des sujets à la une sur cet appareil
|


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

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 ?