🔥 Critiquez mon composant de thème : Cartes de sujets avancées

[jrgong]

Salut à tous

Disclaimer: Aucun IA n’a été blessé dans la création de ce composant de thème

Oui les gars, je suis coupable d’avoir codé sans vergogne une copie du composant de thème Topic Cards. D’où un énorme coup de chapeau aux auteurs et contributeurs originaux pour leur excellent travail !

Bien que ce fût au début un fork, plus de 80 % du code et de la structure ont été entièrement réécrits. Nous avons ajouté des tonnes de nouvelles fonctionnalités et à première vue, tous les différents paramètres peuvent être assez accablants.

Advanced Topic Cards - Version préliminaire

Avec notre réécriture, vous obtenez :

• un contrôle plus granulaire de l’endroit où les cartes de sujets sont affichées
• Deux mises en page de cartes de sujets différentes
• Carrousel de cartes mises en avant en haut de la page Derniers

Pour une liste complète, faites défiler vers le bas

N’hésitez pas à le tester, à l’exécuter, à le copier et à le critiquer ici dans le fil de discussion ! Je suis vraiment enthousiaste à l’idée d’obtenir des retours sur le résultat :

GitHub - jrgong420/advanced-topic-cards

Problèmes connus :

• Paramètres TC redondants : Certaines des fonctionnalités concernant la vignette et la hauteur de la carte sont redondantes/n’ont plus de valeur
• La vue de bureau manque de défilement horizontal via le pavé tactile/la molette de la souris (Embla fournit un plugin pour cela, nous ne l’avons pas encore)
• Les boutons d’action ne sont pas aussi « soignés », nécessitent une meilleure refonte visuelle

Résumé des améliorations et fonctionnalités :

• Mises en page par catégorie et par appareil
  Configurez les cartes séparément pour le bureau et le mobile en tant que liste (image à gauche, contenu à droite) ou grille (image au-dessus, contenu en dessous). Vous pouvez choisir exactement quelles catégories utilisent quelle mise en page sur chaque plateforme.

  • Exemple de mise en page en grille : https://forum.cannabisanbauen.net/c/samenverzeichnis/230
  • Exemple de mise en page en carte : https://forum.cannabisanbauen.net/c/growreports/11

• Héritage de la mise en page des sous-catégories
  Option d’hériter des mises en page des cartes d’une catégorie parente afin de ne pas avoir à configurer chaque sous-catégorie manuellement.

• Carrousel de sujets mis en avant sur la page d’accueil (Embla)
  Un carrousel de sujets mis en avant que vous pouvez placer sur les itinéraires de découverte (accueil/derniers/top/catégories), alimenté par Embla Carousel, avec des paramètres pour les diapositives par vue, le bouclage, l’alignement, le comportement de glissement, et plus encore.

  • Exemple : forum.cannabisanbauen.net (page d’accueil)

• Carrousel de sous-catégories sur les pages de catégorie
  Transformez la liste des sous-catégories sur une page de catégorie en un carrousel horizontal, avec des commandes pour quelles catégories parentes et combien d’enfants sont requis avant qu’il ne s’affiche.

  • Exemple : https://forum.cannabisanbauen.net/c/growreports/11

• Options de personnalisation visuelle

  • Espaces réservés pour les vignettes (icône Font Awesome) lorsqu’un sujet n’a pas d’image

  • Préréglages de rayon de bordure des cartes

  • Choix de la taille de police du titre de la carte (en utilisant les jetons de police de Discourse)

  • Hauteurs fixes optionnelles de la carte/grille et commandes de taille de vignette

• Composants de carte plus riches
  Nouvelle structure de carte avec :

  • Ligne d’auteur (avatar de l’OP + nom d’utilisateur + date de publication optionnelle)

  • Boutons d’action (Détails + CTA de lien mis en avant)

  • Étiquettes en ligne (badge de catégorie + étiquettes à l’intérieur du corps de la carte)

• Compatible avec d’autres composants de thème/plugins :

  • Plugin Calendrier + Événement : Afficher la date de l’événement après le titre
  • Composant de thème Portfolio Utilisateur : Afficher

• Fonctionnalités prévues :

  • Contrôle plus granulaire pour le carrousel mis en avant : Sorties de plugin supplémentaires, routes de page, etc.
  • Développer/Réduire le carrousel de cartes de sujets mis en avant (+ expansion automatique basée sur les nouveaux sujets/sujets non lus)

[denvergeeks]

Merci beaucoup de partager - c’est formidable !