Azulejos em Destaque

:discourse2: Resumo Featured Tiles adiciona uma linha de tiles em destaque acima das listas de tópicos.
:eyeglasses: Pré-visualização Pré-visualizar no Discourse Theme Creator
:hammer_and_wrench: Link do Repositório https://github.com/discourse/discourse-featured-tiles
:open_book: Novo em Temas do Discourse? Guia para iniciantes sobre o uso de Temas do Discourse

Instale este componente de tema

Funcionalidades

Featured Tiles adiciona uma linha de tiles em destaque acima das listas de tópicos.

Ao passar o mouse, o título do tópico e o autor serão exibidos:

Existem muitas opções disponíveis para selecionar a fonte dos tópicos. As imagens podem ser buscadas por tag, por categoria ou usando um período de “tópicos mais populares”. As imagens podem ser restritas à categoria atualmente visualizada ou vir de todo o site.

Uma configuração foi adicionada nas preferências de interface do usuário que permite aos usuários ocultar o banner no dispositivo atual.

Configurações

Nome Descrição
featured category A categoria contendo os tópicos em destaque. Defina como 0 para todas as categorias. “Escopo para categoria” sobrescreverá esta configuração.
featured tags A tag que contém os tópicos em destaque. Esta deve ser visível publicamente.
topic source Qual algoritmo deve ser usado para selecionar os tópicos
top period O período de tempo usado quando “topic_source” está definido como “top”
randomize topics Aleatorizar a seleção e a ordem dos tópicos
display when unfiltered Exibir na página “mais recentes” sem filtros
display on categories Exibir nas páginas de categorias
display categories Exibir os tiles ao visualizar estas categorias. Deixe em branco para todas as categorias
maximum topic count O número máximo de tópicos a serem exibidos
scope to category Filtrar os tópicos para a categoria atual
display mobile Exibir em dispositivos móveis
Tradução Padrão
preference_header Banner de Tópicos em Destaque
preference_description Mostrar banner de tópicos em destaque neste dispositivo

:discourse2: Hospedado por nós? Componentes de tema estão disponíveis para uso em nossos planos Standard, Business e Enterprise.

38 curtidas

Uau.

Isso é incrível! Vai atrair ainda mais cliques no meu fórum.

@david, embora não tenha sido selecionado, está aparecendo na página de categorias. Além disso, se um tópico não tiver imagens, podemos definir uma imagem padrão?

Captura de Tela 2020-07-12 às 17.07.12

Edição: um membro me disse que funciona apenas no MacOS, pois ele não consegue ver nada.

tema legal e funcional :v:.

como ele difere do Componente de Destaque da Página Inicial? é apenas uma questão de estilo ou há diferenças mais profundas?

1 curtida

É principalmente o estilo. Além disso, o Componente de Destaque da Página Inicial foi projetado apenas para uso na página inicial. Este aqui funciona em alguns outros lugares também.

3 curtidas

Você pode pedir ao membro para verificar o console de erros do navegador dele? E também nos informar qual navegador ele está usando?

Firefox

Chrome

Esse erro parece estar vindo de outro componente do tema. Você pode tentar desativá-los um por um?

4 curtidas

Olá,

Com essa configuração, os blocos devem aparecer em todas as páginas de categoria, certo? Minha tag em destaque é “destacado”, no entanto os blocos não estão sendo exibidos na página da categoria.

2 curtidas

É o mesmo que o tema Topic List Previews?

Não, não é a mesma coisa. O “Componente de Tema de Lotes em Destaque” neste tópico é oficialmente mantido pela equipe do Discourse e fornece apenas o que você vê na captura de tela. “Pré-visualizações da Lista de Tópicos” é um plugin e/ou tema de terceiros com um design e conjunto de recursos diferentes.

2 curtidas

Adoro isso.

Existe alguma forma de fazer com que ele busque apenas tópicos com fotos/imagens? Caso contrário, parece bastante desconexo quando há uma fileira de caixas cinzas vazias e uma foto ocasional.

Obrigado,
Ray

2 curtidas

@david como posso aumentar a qualidade das imagens e, provavelmente, o tamanho para 180x80, obrigado

Deve estar usando imagens de 200x200 em telas normais, escalando automaticamente para 400x400 em telas hidpi.

Você está vendo algo diferente?

Posso te enviar uma mensagem privada, pois meu fórum tem restrição de idade.

1 curtida

Obrigado pelo link. Ao analisar o site, o problema é que as imagens estão em retrato. Assim, estamos redimensionando uma imagem de 3072x4608 para um quadrado de 200x200, o que resulta em 133x200. Em seguida, estamos ‘preenchendo’ uma caixa de 222x150 com ela. Portanto, estamos exibindo uma imagem de 133 pixels de largura em algo de 222 pixels de largura.

Uma solução aqui é parar de ‘preencher’ o banner com a imagem e, em vez disso, ‘ajustá-la’. Essa é a abordagem que adotamos nas miniaturas da lista de tópicos:

Adicionar uma nova configuração ao componente do tema para isso seria o pr-welcome, caso alguém queira trabalhar nisso.

7 curtidas

Isso parece ótimo, adoro que os blocos não sobrecarreguem a interface. Tenho algumas dúvidas sobre como configurá-lo.

Não consegui fazer com que os blocos em destaque aparecessem nas páginas de categoria — apenas na página inicial. Minha configuração está abaixo (com os nomes das categorias ocultados, já que não queremos compartilhá-los neste momento). Está faltando algo?

Configuração atual

Minha segunda pergunta: há uma maneira de definir imagens padrão para os blocos, em vez de usar as extraídas dos tópicos? Muitas vezes teremos tópicos para destacar que não possuem imagens, mas ainda assim queremos que fique com boa aparência. Se não houver uma forma nativa atualmente, isso significaria modificar o CSS ou o JS?

2 curtidas

Olá, David!

Componente de tema incrível. Como outros já perguntaram, existe alguma maneira de adicionar imagens padrão para tópicos sem fotos?

Ou seja, Featured1.img, Featured2.img, se nenhuma imagem for detectada?

Também estou com um problema: o Componente reconhece uma tag que é visível para todos, mas diz que não consegue encontrar a tag quando tento adicioná-la.

1 curtida

Existe um tipo de imagem específico (.jpg, .png, .tiff) com o qual isso funciona? As imagens não estão aparecendo em 2 de 3 tópicos que eu marquei, embora o próprio tópico apareça.


Sistema Operacional - Mac 10.15.7 (As versões do Chrome, Safari e iOS parecem ser as mesmas)

1 curtida

o tema exibe um banner cinza em branco quando ativado no site:

embora a opção de tag esteja selecionada e haja alguns tópicos na tag em destaque.

Concordo. Ainda estou me perguntando se existe uma solução alternativa para pesquisar em todo o tópico por uma imagem para usar, caso haja alguma. Ou isso só funcionará com o primeiro post?