Olá pessoal
Aviso: Nenhum IA foi prejudicado na criação deste componente de tema
Sim pessoal, sou culpado de codificar descaradamente uma cópia do componente de tema Topic Cards. Portanto, um grande agradecimento aos autores e colaboradores originais pelo ótimo trabalho!
Embora inicialmente tenha sido um fork, mais de 80% do código e da estrutura foram completamente reescritos. Adicionamos muitos recursos novos e, à primeira vista, todas as várias configurações podem ser um pouco esmagadoras.
Advanced Topic Cards - Lançamento Preliminar
Com nossa reescrita você obtém:
- controle mais granular sobre onde os cartões de tópico são exibidos
- Dois layouts de cartão de tópico diferentes
- Carrossel de Cartões em Destaque no topo da página Mais Recentes
Para uma lista completa, role para baixo abaixo ![]()
Sinta-se à vontade para testá-lo, executá-lo, copiá-lo e criticá-lo aqui no tópico! Estou realmente animado para receber feedback sobre o resultado:
Problemas Conhecidos:
- Configurações de TC redundantes: Algumas das funcionalidades relativas à miniatura e à altura do cartão são redundantes/não têm valor
- A visualização para desktop não possui rolagem horizontal via touchpad/roda do mouse (Embla fornece um plugin para isso, nós ainda não o fizemos)
- Os Botões de Ação não são tão “refinados”, precisam de uma melhor reformulação visual
Resumo das melhorias e recursos:
Layouts por categoria e por dispositivo
Configure cartões separadamente para desktop e celular como lista (imagem à esquerda, conteúdo à direita) ou grade (imagem acima, conteúdo abaixo). Você pode escolher exatamente quais categorias usam qual layout em cada plataforma.
- Exemplo de Layout em Grade: https://forum.cannabisanbauen.net/c/samenverzeichnis/230
- Exemplo de Layout de Cartão: https://forum.cannabisanbauen.net/c/growreports/11
Herança de layout de subcategoria
Opcionalmente, herde layouts de cartão de uma categoria pai para que você não precise configurar cada subcategoria manualmente.Carrossel de tópicos em destaque na página inicial (Embla)
Um carrossel de tópicos em destaque que você pode colocar nas rotas de descoberta (início/mais recentes/principais/categorias), alimentado pelo Embla Carousel, com configurações para slides por visualização, repetição (looping), alinhamento, comportamento de arrastar e muito mais.
- Exemplo: forum.cannabisanbauen.net (página inicial)
Carrossel de subcategorias nas páginas de categoria
Transforme a lista de subcategorias em uma página de categoria em um carrossel horizontal, com controles sobre quais categorias pai e quantos filhos são necessários antes que ele seja exibido.Opções de personalização visual
Placeholders de miniatura (ícone do Font Awesome) quando um tópico não tem imagem
Predefinições de raio de borda do cartão
Escolhas de tamanho da fonte do título do cartão (usando os tokens de fonte do Discourse)
Alturas fixas opcionais de cartão/grade e controles de tamanho de miniatura
Componentes de cartão mais ricos
Nova estrutura de cartão com:
Linha de autoria (avatar do OP + nome de usuário + data de publicação opcional)
Botões de ação (Detalhes + CTA de Link em Destaque)
Tags embutidas (selo de categoria + tags dentro do corpo do cartão)
Compatível com outros Componentes de Tema/Plugins:
- Plugin Calendário + Evento: Exibir Data do Evento após o Título
- Componente de Tema Portfólio do Usuário: Exibir
Recursos planejados:
- Controle mais granular para o Carrossel em Destaque: Outlets de plugin adicionais, rotas de página, etc.
- Expandir/Recolher Carrossel de Cartões de Tópico em Destaque (+ expansão automática com base em tópicos novos/não lidos)