Tema Ar

[Discourse]

|-|-|-|
| | Resumo | Air Theme é um tema limpo e moderno com vários componentes de tema incluídos para aprimorar seu fórum!
| | Pré-visualização | Pré-visualizar no Discourse Theme Creator
| | Link do Repositório | https://github.com/discourse/discourse-air
| |Novo em Temas do Discourse? | Guia para iniciantes sobre o uso de Temas do Discourse

Instalar este tema

Recursos

Modo Claro

Modo Escuro

Página de Categorias

Este tema também inclui alguns componentes para aprimorar seu fórum.

• Tópicos Clicáveis
• Caixas de Categoria e Grupo Modernas

Por favor, leia estas dicas durante a instalação, pois há algumas configurações que PRECISAM SER ATIVADAS para que este tema seja renderizado corretamente.

---

Dicas

Alternância entre Modos Claro e Escuro

Para que isso funcione corretamente, pelo menos duas opções de esquema de cores precisam estar ativadas na área https://discourse.jordanvidrine.com/admin/customize/colors. Pelo menos duas cores precisam ter a opção esquema de cores pode ser selecionado pelos usuários ativada.

Após isso, os usuários poderão escolher entre dois esquemas de cores como suas preferências claro e escuro no menu de preferências do usuário.

---

Banner de Boas-vindas

Acesse a página Admin > Banner de Boas-vindas (/admin/config/welcome-banner).

• No menu suspenso Ativado em temas…, selecione Air Theme
• No menu suspenso Localização, selecione Abaixo do cabeçalho do site

---

Caixas de Categoria e Grupo Modernas

Este componente do tema exige que suas categorias utilizem a configuração CAIXAS DE CATEGORIA COM SUBCATEGORIAS na área /admin/site_settings/category/all_results?filter=categories.

Este componente do tema também permite que o administrador do fórum organize a página de categorias com títulos de cabeçalho e escolha quais categorias aparecem sob cada cabeçalho. Para manter as coisas simples, permitimos o uso de até 5 títulos. Se nenhuma configuração de categorias e títulos for escolhida, todas as categorias serão renderizadas como mostrado acima; esta é a opção de renderização padrão.

Hospedado por nós? Temas estão disponíveis para uso em nossos planos Standard, Business e Enterprise.

[Don]

Isso é simplesmente incrível, Jordan! Eu amo!

[th21]

Seria útil se a mensagem de boas-vindas pudesse ser ocultada quando o campo de localidade estiver vazio

[oshyan (Oshyan Greene)]

Nossa, isso parece muito legal! Obrigado por compartilhar.

[itsbhanusharma (Bhanu Sharma)]

Este tema dá ao Discourse a aparência moderna que ele merece. Muito bem feito, @jordan.vidrine.

[Ahmed_Gagan]

O tema está incrível. Ótimo trabalho

[thegurjyot (Gurjyot Singh)]

Esse tema está incrível. Espero que possamos ter esse design de página de categoria como um componente separado também. Está ficando muito melhor assim.

[frold]

Obrigado, é muito bom…

É a primeira vez que instalo um novo tema. Eu realmente gostei deste!!

Studmed.dk

[Jeremie_Leroy]

Olá @jordan-vidrine, em relação à coluna de número de visualizações, qual tipo de código devo adicionar no componente para substituir o fato de essa coluna estar oculta?

[jordan.vidrine]

Acredito que isso deve funcionar:

.full-width .contents .topic-list thead th.posts {
width: 10%;
}

.full-width .contents .topic-list thead th.activity {
width: 10%;
order: 4;
}

th.num.views {
width: 10%;
order: 3;
display: block;
}

.full-width .contents .topic-list tbody tr:not(.topic-list-item-separator) td.posts {
width: 10%;
order: 2;
}

.topic-list .views {
width: 10%;
order: 3;
}

.full-width .contents .topic-list tbody tr:not(.topic-list-item-separator) td.age {
width: 10%;
order: 4;
}

[ggurbet (Gökhan Gurbetoğlu)]

Deslumbrantemente bonito. Excelente trabalho, @jordan.vidrine!

[ShubhayanS (shubhayan saha)]

Há alguma possibilidade de alterar o texto do cabeçalho "Bem-vindo ao fórum"

[jordan.vidrine]

Sim, isso pode ser editado no componente Discourse Search Banner

[Jerdeman (Jeroen)]

Há um tempo postei um problema sobre não ver as categorias na visualização móvel (Air Theme - #172). Conversei um pouco com @jordan.vidrine, mas não conseguimos chegar à raiz do problema. Espero que outra pessoa tenha algumas ideias.

Para os detalhes
Usando uma instalação limpa do Discourse 2.7.11 no kubernetes com a ajuda de um helm chart do Bitnami, e a versão mais recente do tema instalada e configurada conforme mencionado na postagem inicial, não vemos nenhuma categoria na visualização móvel e a estilização está incorreta na página mais recente.

O que tentamos
Além de usar uma instalação limpa, tentamos usar algumas versões mais antigas do tema também. O problema, no entanto, permaneceu, mas não testamos exaustivamente todas as versões.
Também comparamos o html em nossa instância com o de discourse.jordanvidrine.com e notamos que é significativamente diferente.

Intuição
Como não podemos usar uma versão ‘beta’, minha intuição me diz que isso é um problema de compatibilidade entre o tema ou um de seus plugins e o Discourse 2.7. Eu adoraria saber se alguém tem este tema funcionando em 2.7, e se sim, com quais versões do tema e plugins relevantes.

Pergunta
Alguém conseguiu fazer este tema funcionar com o 2.7 e/ou há alguma pista sobre o que podemos fazer para fazer isso funcionar?

[Hyeonji_Kim]

Olá. Primeiro, obrigado por este ótimo tema

Quero mudar a font-family, como posso fazer isso.

Eu tentei isto

• Baixei este tema Google Fonts, e mudei a configuração de Fonte em CONFIGURAÇÕES DO SITE – Não funcionou

• Adicionei o código @import{link da fonte web ~~~ } em Desktop.css, mobile.css – Não funcionou

Qual arquivo devo modificar para mudar a fonte???

[jordan.vidrine]

Acredito que você deva conseguir definir uma fonte personalizada sem um componente aqui: admin/site_settings/category/all_results?filter=font

Se você quiser mais personalização, acredito que o componente de tema do Google Fonts que você vinculou funcionaria. Embora o tema use theme-settings e não uma configuração do site, acredito.

Você já levantou essa questão no tópico para esse componente de fonte?

[hequaye (Henry Herbert)]

Olá a todos, alguém pode me ajudar a alterar o dimensionamento e a “natureza fixa” da cor de fundo no celular?

O CSS para celular está transparente para mim. E eu só preciso de um pouco de orientação para alterar o fundo fixo para as cores de fundo.

Se não me engano, existe um fundo de cabeçalho e um fundo de página, correto?

[jordan.vidrine]

Isso ocorre porque o tema e seus componentes incluídos são bastante rigorosos quanto à forma como o site é configurado.

Na OP, compartilhei que:

@jordan-vidrine

Caixas de Categoria e Grupo Modernas

Este componente de tema requer que suas categorias usem a configuração CAIXAS DE CATEGORIA COM SUBCATEGORIAS em sua área /admin/site_settings/category/all_results?filter=categories.

Este componente de tema também permite que o administrador do fórum organize sua página de categorias com títulos de cabeçalho e escolha quais categorias aparecem sob cada cabeçalho. Para manter as coisas simples, permiti apenas até 5 cabeçalhos a serem usados. Se nenhuma configuração de categorias + cabeçalho for escolhida, todas as categorias serão renderizadas como fazem acima, esta é a opção de renderização padrão.

[Nerd_Alert]

há alguma maneira de fazer o fundo ser uma imagem? prefiro ter uma imagem em vez de cores. usando

body {
    background-image: url("url da imagem aqui");
    background-color: #cccccc;
}

torna a parte superior da cor a imagem, mas não a inferior.

[jordan.vidrine]

O que você fez está bom para adicionar a imagem, mas você também vai querer remover o caminho de recorte que é criado para dar esse efeito de sobreposição.

html .background-container {
clip-path: unset;
}