Listas em destaque

:information_source: Resumo Crie e apresente listas de tópicos personalizadas
:hammer_and_wrench: Repositório Manuel Kostka / Discourse / Components / Featured Lists · GitLab
:question: Guia de Instalação Como instalar um tema ou componente de tema
:open_book: Novo em Temas do Discourse? Guia para iniciantes sobre como usar Temas do Discourse

Instale este componente de tema

O componente permite filtrar listas de tópicos personalizadas e exibi-las em seu fórum.

Aparência padrão

Editor de Configurações

Estilização

Para estilização CSS, a estrutura do componente é:

.featured-lists {
  &__wrapper { }

  &__list-container { }

  &__list-header { }

  &__list-body { }
}

Por exemplo, você pode estilizar um visual de quadro antigo:

Ou painéis modernos e minimalistas:

Se você fizer estilos personalizados, por favor, compartilhe-os neste tópico! :sparkles: :sparkling_heart:

26 curtidas

Olá, como posso impedir que o tópico da categoria seja exibido nas listas em destaque?

Também é possível ocultar uma linha se não houver tópicos nela? Por exemplo, se eu usar uma linha para tópicos Novos, ela aparece vazia com as informações da linha, mas sem tópicos.

1 curtida

Obrigado pelo feedback! Acabei de atualizar o componente, para que ele não renderize listas vazias.

Não vejo uma classe dedicada para os tópicos “sobre”. Mas você pode usar uma declaração de estilo para ocultar tópicos fixados das listas em destaque:

.featured-lists__list-body .topic-list-item.pinned {
  display: none;
}
2 curtidas

Obrigado pela atualização, funciona muito bem. É possível no futuro que o botão de postagem por mais realmente poste na categoria designada para a linha correspondente?

2 curtidas

Isso já deve funcionar assim:

  • Se você definir uma categoria ou uma tag, o compositor preencherá uma ou ambas.
  • Se a lista não tiver uma categoria definida, o compositor preencherá com o valor da configuração global categoria padrão do compositor:

Como não está funcionando para você?

2 curtidas

Ótimo componente, @manuel, gostei muito, especialmente de como você o tornou facilmente personalizável para que possa ser adaptado a outros temas. Ótimo trabalho e obrigado por compartilhar! :clap: :slight_smile:

2 curtidas

Sim, isso funciona. O que eu estava perguntando é se eu defino uma categoria em uma linha que é diferente da padrão no admin, uma pessoa que clica em post pode ir para essa categoria e não para a definida nas configurações do admin?

Não tenho certeza do que você está tentando alcançar… você poderia explicar com um exemplo?

1 curtida

Se eu definir mostrar em como Em todos os lugares
Como ocultar Listas em Destaque ao abrir tópicos de uma categoria específica?

Você pode criar um fork do componente e adicionar sua condição específica em discourse-featured-lists/javascripts/discourse/components/featured-lists-wrapper.gjs at main · nolosb/discourse-featured-lists · GitHub.

Ou apenas usar algumas declarações CSS para ocultar o componente em suas categorias específicas.

Este tema-componente é incrível! Desculpe por reviver este tópico, mas tenho uma pergunta sobre este componente.

Seria possível exibir categorias em vez de tópicos?

Por exemplo, em vez de o corpo desta lista conter quatro tópicos diferentes, ele conteria quatro categorias diferentes, e clicar em uma delas o direcionaria para essa categoria.

1 curtida

Um ótimo plugin - obrigado! No editor de plugins, tentei aumentar a contagem de exibição de 3 para 5. Ele salva, mas depois reverte para 3, mesmo que várias categorias tenham mais de 3 itens. Existe uma maneira de substituir o max=3, ou outra abordagem para conseguir isso?

Com o editor, você precisa salvar duas vezes, uma na janela do editor:

E depois novamente na página principal do componente:

image

Talvez isso esteja causando seu problema? Definir qualquer número de tópicos funciona bem para mim.

2 curtidas

Era exatamente isso; eu perdi essa etapa. Muito obrigado pela sua resposta rápida e pelo plugin muito útil.

2 curtidas

Estou me perguntando… O tópico Sobre não poderia ser desfixado e não listado?

Acho que você poderia. O resultado seria diferente, porém, o tópico seria geralmente oculto. Na minha experiência, é mais comum que você queira mostrar uma seleção apenas dos tópicos mais recentes em uma lista em destaque, mas ainda assim queira que os tópicos fixados e também o tópico Sobre fiquem visíveis em outros lugares.

1 curtida

Eu ficaria curioso com o fato de ser um tópico especial (ou seja, as pessoas descobriram que realmente não querem ser excluídas). Desafixar e remover da lista, em teoria, não deveria afetar, por exemplo, a descrição da categoria em “Caixas de Categoria”?

Olá, este componente funciona quase perfeitamente para mim, no entanto, eu gostaria de ter a opção de colocar as listas abaixo em vez de acima.

image

Existe uma maneira fácil de fazer isso? Pelo que vi no repositório, parece que ainda não está previsto.

@Maria você poderia colocar o componente em qualquer saída de plugin. Você pode usar o componente Plugin outlet locations para inspecionar as saídas disponíveis.

1 curtida

@manuel @Lilly sobre Css.
Tenho 2 listas de 2 categorias: Yoga e Fitness.
Estou configurando ambas as listas para serem exibidas em todos os lugares.
Como ocultar a lista de “Yoga” ao abrir qualquer tópico (ela ainda será exibida na página inicial, na categoria e em outros lugares)
A lista de “Fitness” ainda é exibida em todos os lugares.

Obrigado aos especialistas do Discourse