Carregar Mais

Personalização Componente de tema
1
:information_source: Resumo Insere um botão “Carregar mais” que precisa ser clicado para carregar mais tópicos / posts / usuários / grupos / o que for
:eyeglasses: Pré-visualização https://discourse.theme-creator.io/theme/RGJ/load-more-button
:hammer_and_wrench: Repositório GitHub - communiteq/discourse-tc-load-more-button · GitHub
:question: Guia de Instalação Como instalar um tema ou componente de tema
:open_book: Novo em Temas do Discourse? Guia para iniciantes sobre o uso de Temas do Discourse

Instale este componente de tema

Insere um botão “Carregar Mais” para garantir que o Discourse não se qualifique como “EXIBE MÍDIA ADICIONAL NA PARTE INFERIOR DE TAL FEED OU PÁGINA DE DESTAQUE SEM QUALQUER ENTRADA MANUAL DE UM USUÁRIO COBERTO”.

Contexto aqui Time to reconsider infinite scroll?

Lista de tópicos

image
image1450×1163 130 KB

Visualização do tópico

image
image1106×637 36.2 KB

Diretório de usuários

image
image1474×960 62 KB

Descrição detalhada…

10 curtidas
Time to reconsider infinite scroll?
2

haha, legal! eu também estava pensando em tentar isso — estava considerando colocar o botão na barra lateral ou deixá-lo flutuando. bem feito :clap:

7 curtidas
3

Screenshot20260502012533Chrome
Screenshot20260502012533Chrome1080×2340 215 KB

O botão é difícil de alcançar com o polegar (direito) no celular :slight_smile:

Seria melhor centralizado.

7 curtidas
4

Para centralizar no mobile:

@use "lib/viewport";

@include viewport.until(md) {

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

Isso é muito bom – obrigado! Tenho um relatório de bug que está claramente evidente no meu site Discourse:

Este site é bastante pequeno e a maior parte do conteúdo fica oculta até que alguém faça login como estudante. Assim, a página inicial tem apenas cinco posts. Mesmo assim, o botão “Carregar mais” aparece, o que não deveria acontecer. Se você clicar nele, ele some. Se você rolar um pouco para cima e depois voltar para baixo, ele reaparece.

No entanto, funciona perfeitamente nas páginas de tópicos. Você terá que confiar em mim nisso, já que elas estão ocultas à vista do público.

Claro, entendo que você fez isso no seu tempo livre, mas achei que deveria avisar. E mais uma vez, obrigado!

6 curtidas
6

O botão apenas expõe um bug no núcleo onde DiscoveryTopics não passa a propriedade do modelo canLoadMore para o componente LoadMore. Infelizmente, isso não é algo que possa ser resolvido neste componente de tema.

Obrigado, mesclado!

7 curtidas
7

Isso é bem interessante, uma pergunta, isso afeta o Core web Vitals? é quase como uma meio termo pra paginação, gosto de dar poder ao usuario de exibir mais reduzindo a dependência do dom scrolling ao mesmo tempo que suponho que deixe o carregamento com a latência um pouco menor, ou estou errado?

8

Tudo o que ele faz é inserir um botão no fluxo. Não vejo como isso reduz os Core Web Vitals ou a latência de carregamento (ele não está pré-carregando nada). Além disso, ele ainda usa o IntersectionObserver para saber quando e onde o botão precisa aparecer, então ainda depende da rolagem do DOM.

6 curtidas
9

Eles não poderiam usar algum CSS para ocultar o botão na página inicial para usuários não logados? Para o caso de uso deles?

Entendo que essa ideia não possa ser incorporada diretamente ao componente, pois outros sites exibem mais de 5 tópicos sem exigir cadastro.

Componente incrível para a discussão de rolagem infinita como solução.

1 curtida
10

Eu tenho um fork do componente que já faz isso, mas é um caso de borda, se mcmcclur quiser. Esse componente é bastante hacky, como RGJ disse.

2 curtidas
11

Legal.

Seria legal ter algo assim integrado ao núcleo, que pudesse ser ativado para diferentes áreas, como lista de tópicos, lista de usuários etc.

Esse componente me lembra o antigo “|more” dos tempos do DOS, usado com o comando type para exibir um arquivo de texto.

1 curtida