🔥 Critiquez mon composant de thème : Cartes de sujets avancés

Olá pessoal

Aviso: Nenhum IA foi prejudicado na criação deste componente de tema :smiley:

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 :down_arrow:

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.

  • 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.

  • 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)
1 curtida

Muito obrigado por compartilhar - isso é ótimo!