Tema Ar

||||\n-|-|-|\n:discourse2: | Resumo | Air Theme é um tema limpo e moderno com alguns componentes de tema incluídos para aprimorar seu fórum!\n| :eyeglasses: | Prévia | Prévia no Discourse Theme Creator\n:hammer_and_wrench: | Link do Repositório | \u003chttps://github.com/discourse/discourse-air\u003e\n:open_book: |Novo em Temas do Discourse? | Guia para iniciantes sobre como usar Temas do Discourse\n\n[wrap=theme-install-button repoUrl="https://github.com/discourse/discourse-air\" repoName="Air Theme"]\nInstalar este tema\n[/wrap]\n\n### Funcionalidades\n\nModo Claro\n

\n\nModo Escuro\n\n\nPágina de Categorias\n\n\nEste tema também inclui alguns componentes para aprimorar seu fórum.\n- Tópicos Clicáveis\n- Caixas de Categoria + Grupo Modernas\n\n\u003e :exclamation: Por favor, leia estas dicas após a instalação, pois há algumas configurações que PRECISAM SER ATIVADAS para que este tema seja renderizado corretamente.\n\n—\n# Dicas\n### Alternância de Esquema Claro/Escuro\n\n\nPara que isso funcione corretamente, pelo menos 2 opções de esquema de cores precisam estar ativadas em sua área https://discourse.jordanvidrine.com/admin/customize/colors. Pelo menos duas cores precisam ter color scheme can be selected by users (esquema de cores pode ser selecionado pelos usuários) ativado.\n\n\n\nDepois disso, os usuários devem ser capazes de escolher entre dois esquemas de cores como suas preferências de claro e escuro na interface de preferências do usuário.\n\n\n\n___\n## Banner de Boas-Vindas\n\nVá para a página Admin \u003e Welcome banner (/admin/config/welcome-banner).\n\n- No menu suspenso Enabled on themes… (Ativado em temas…), selecione Air Theme\n- No menu suspenso Location (Localização), selecione Below site header (Abaixo do cabeçalho do site)\n___\n## Caixas de Categoria + Grupo Modernas\nEste componente de tema requer que suas categorias usem a configuração CATEGORY BOXES WITH SUBCATEGORIES (CAIXAS DE CATEGORIA COM SUBCATEGORIAS) em sua área /admin/site_settings/category/all_results?filter=categories.\n\n\n\nEste 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 títulos a serem usados. Se nenhuma configuração de categorias + cabeçalho for escolhida, todas as categorias serão renderizadas como acima, esta é a opção de renderização padrão.\n\n\u003e:discourse2: Hospedado por nós? Os temas estão disponíveis para uso em nossos planos Standard, Business e Enterprise.

138 curtidas

That is just amazing Jordan! :heart_eyes: I love it!

17 curtidas

It will be helpful if the welcome message can be hide when left locale field empty :+1:

7 curtidas

Oh wow, this looks really nice! Thank you for the share. :slight_smile:

10 curtidas

This theme gives discourse the modern look it deserves. Very well done @jordan.vidrine

14 curtidas

Theme looks amazing. Awesome work :heart_eyes:

5 curtidas

This theme looks so amazing. Hope we can get this category page design as a separate component as well. It is looking way better this way. :heart:

8 curtidas

Thanks it is nice…

First time I install a new theme. I really like this one!!

9 curtidas

Hi @jordan-vidrine regarding the # of views column, what kind of code shall i add in the component to override that column being hidden ?

3 curtidas

I believe this should work:

.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;
}
6 curtidas

Refreshingly beautiful. Great work @jordan.vidrine!

4 curtidas

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

4 curtidas

Sim, isso pode ser editado no componente Discourse Search Banner :+1:

3 curtidas

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?

2 curtidas

Olá. Primeiro, obrigado por este ótimo tema :smile:

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

Eu tentei isto :point_down:

  • 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??? :sob:

3 curtidas

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?

4 curtidas

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?

3 curtidas

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

Na OP, compartilhei que:

6 curtidas

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.

4 curtidas

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;
}
5 curtidas