Bouton Charger plus

:information_source: Résumé Insère un bouton « Charger plus » qui doit être cliqué pour charger davantage de sujets, de messages, d’utilisateurs, de groupes ou tout autre contenu
:eyeglasses: Aperçu https://discourse.theme-creator.io/theme/RGJ/load-more-button
:hammer_and_wrench: Dépôt GitHub - communiteq/discourse-tc-load-more-button · GitHub
:question: Guide d’installation Comment installer un thème ou un composant de thème
: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

Insère un bouton « Charger plus » pour s’assurer que Discourse ne soit pas considéré comme « AFFICHANT DES MÉDIAS SUPPLÉMENTAIRES EN BAS DE CE FLUX OU DE CETTE PAGE D’ACCUEIL SANS AUCUNE INTERVENTION MANUELLE DE LA PART D’UN UTILISATEUR CONCERNÉ ».

Contexte ici : Time to reconsider infinite scroll?

Liste des sujets

Vue d’un sujet

Annuaire des utilisateurs

Description détaillée…

10 « J'aime »

haha sympa ! je pensais aussi essayer ça — je songeais à placer le bouton dans la barre latérale ou à le rendre flottant. bien joué :clap:

7 « J'aime »


Le bouton est difficile à atteindre avec le pouce (droit) sur mobile :slight_smile:

Il serait mieux centré.

7 « J'aime »

Pour centrer sur mobile :

@use "lib/viewport";

@include viewport.until(md) {

  .load-more-btn.btn.btn-primary {
    display: block;
    margin: 0 auto;   
  }
}
5 « J'aime »

C’est très bien, merci ! J’ai un rapport de bug qui se manifeste clairement sur mon site Discourse :

Ce site est assez petit et la plupart du contenu est masqué tant que l’on ne s’inscrit pas en tant qu’élève. Ainsi, la page d’accueil ne comporte que cinq publications. Néanmoins, le bouton « Charger plus » apparaît, alors qu’il ne devrait pas. Si vous cliquez dessus, il disparaît. Si vous faites défiler un peu vers le haut puis redescendez, il réapparaît.

Cela fonctionne très bien, en revanche, sur les pages de sujets. Vous devrez me croire sur parole, car elles sont masquées au public.

Bien sûr, je comprends que vous ayez fait cela dans votre temps libre, mais je pensais qu’il était important de vous en informer. Et merci encore !

6 « J'aime »

Le bouton met simplement en lumière un bug dans le noyau où DiscoveryTopics ne transmet pas la propriété de modèle canLoadMore au composant LoadMore. Malheureusement, ce n’est pas quelque chose qui peut être géré dans ce composant de thème.

Merci, fusionné !

7 « J'aime »

C’est très intéressant. Une question : cela affecte-t-il les Core Web Vitals ? C’est presque un compromis par rapport à la pagination. J’aime donner à l’utilisateur la possibilité d’afficher plus de contenu, en réduisant la dépendance au défilement du DOM, tout en supposant que cela diminue légèrement la latence de chargement. Ou me trompé-je ?

Tout ce qu’il fait, c’est insérer un bouton dans le flux. Je ne vois pas en quoi cela réduit les Core Web Vitals ou la latence de chargement (il ne précharge rien). De plus, il utilise toujours l’IntersectionObserver pour savoir quand et où le bouton doit apparaître, ce qui signifie qu’il dépend toujours du défilement du DOM.

6 « J'aime »

Ne pourraient-ils pas utiliser du CSS pour masquer le bouton sur la page d’accueil pour les utilisateurs non connectés ? Pour leur cas d’usage ?

Je comprends que cette idée ne puisse pas être intégrée directement au composant, car d’autres sites affichent plus de 5 sujets sans inscription.

Composant génial pour la discussion sur le défilement infini en tant que correctif.

1 « J'aime »

J’ai un fork du composant qui fait déjà cela, mais c’est un cas limite si mcmcclur le souhaite. Comme l’a dit RGJ, ce composant est assez bidouillé.

2 « J'aime »

Super.

Ce serait cool d’avoir quelque chose comme ça intégré au cœur du système, activable pour différentes zones, comme la liste des sujets, les listes d’utilisateurs, etc.

Ce composant me rappelle l’ancien “|more” des jours de DOS, utilisé avec la commande type pour afficher un fichier texte.

1 « J'aime »