Botón Cargar más

[RGJ (Richard - Communiteq)]

	Resumen	Inserta un botón de “Cargar más” que debe ser pulsado para cargar más temas, publicaciones, usuarios, grupos o lo que sea
	Vista previa	https://discourse.theme-creator.io/theme/RGJ/load-more-button
	Repositorio	GitHub - communiteq/discourse-tc-load-more-button · GitHub
	Guía de instalación	Cómo instalar un tema o componente de tema
	¿Nuevo en los temas de Discourse?	Guía para principiantes sobre el uso de temas en Discourse

Instala este componente de tema

Inserta un botón de “Cargar más” para asegurar que Discourse no se considere que “MUESTRA MEDIOS ADICIONALES EN LA PARTE INFERIOR DE ESTE FLUJO O PÁGINA DE DESTINO SIN NINGUNA INTERACCIÓN MANUAL POR PARTE DE UN USUARIO CUBIERTO”.

Contexto aquí: Time to reconsider infinite scroll?

Lista de temas

Vista del tema

Directorio de usuarios

Descripción detallada…

[Lilly (Lillian)]

¡jaja, genial! También estaba pensando en intentarlo: estaba considerando poner el botón en la barra lateral o hacerlo flotante. ¡Bien hecho

[Canapin (Coin-coin le Canapin)]

El botón es difícil de alcanzar con el pulgar (derecho) en el móvil

Sería mejor si estuviera centrado.

[Lilly (Lillian)]

Para centrar en móvil:

@use "lib/viewport";

@include viewport.until(md) {

  .load-more-btn.btn.btn-primary {
    display: block;
    margin: 0 auto;   
  }
}

[mcmcclur (Mark McClure)]

¡Esto es muy bueno, gracias! Tengo un informe de error que se manifiesta claramente en mi sitio de Discourse:

Discourse at Mark's Math

Este sitio es bastante pequeño y la mayor parte del contenido está oculto hasta que uno se registra como estudiante. Por lo tanto, la página de aterrizaje solo tiene cinco publicaciones. Aun así, aparece el botón “Cargar más”, lo cual no debería suceder. Si lo presionas, desaparece. Si haces un poco de scroll hacia arriba y luego vuelves a bajar, vuelve a aparecer.

Sin embargo, funciona perfectamente en las páginas de los temas. Tendrás que confiar en mí en eso, ya que están ocultas a la vista del público.

Por supuesto, entiendo que lo hiciste en tu tiempo libre, pero pensé que debía informarte. ¡Y gracias de nuevo!

[RGJ (Richard - Communiteq)]

@mcmcclur

Sin embargo, aparece el botón “Cargar más”, lo cual no debería suceder.

El botón simplemente expone un error en el núcleo donde DiscoveryTopics no pasa la propiedad del modelo canLoadMore al componente LoadMore. Lamentablemente, esto no es algo que se pueda manejar en este componente del tema.

@Lilly

para centrar en móvil:

Gracias, ¡fusionado!

[eisammy (Sammy)]

Eso es bastante interesante. Una pregunta: ¿afecta a los Core Web Vitals? Es casi como un punto medio para la paginación. Me gusta darle al usuario la capacidad de cargar más contenido, reduciendo la dependencia del desplazamiento del DOM, al mismo tiempo que supongo que disminuye un poco la latencia de carga. ¿O me equivoco?

[RGJ (Richard - Communiteq)]

Todo lo que hace es insertar un botón en el flujo. No veo cómo esto reduce las métricas esenciales de Core Web Vitals ni la latencia de carga (no está precargando nada). Además, sigue utilizando IntersectionObserver para saber cuándo y dónde debe aparecer el botón, por lo que sigue dependiendo del desplazamiento del DOM.

[Heliosurge (Dan DeMontmorency)]

@RGJ

@mcmcclur

No obstante, aparece el botón «Cargar más», lo cual no debería suceder.

El botón simplemente pone de manifiesto un error en el núcleo, donde DiscoveryTopics no pasa la propiedad del modelo canLoadMore al componente LoadMore. Lamentablemente, esto no es algo que pueda resolverse en este componente del tema.

¿No podrían usar algo de CSS para ocultar el botón en la página de inicio para usuarios no registrados? ¿Para su caso de uso?

Entiendo que esta idea no podría integrarse directamente en el componente, ya que otros sitios muestran más de 5 temas sin necesidad de registrarse.

Componente excelente como solución para la discusión sobre el desplazamiento infinito.

[Lilly (Lillian)]

Tengo un fork del componente que ya hace esto, pero es un caso excepcional si mcmcclur lo desea. Como dijo RGJ, este componente es bastante truculento.

[Heliosurge (Dan DeMontmorency)]

Genial.

Sería genial tener algo así integrado en el núcleo, que se pudiera activar para diferentes áreas, como la lista de temas, listas de usuarios, etc.

Este componente me recuerda al antiguo “|more” de la época de DOS, cuando se usaba type para mostrar un archivo de texto.