Pinboard, um tema de UI simples

:dizzy: Resumo Pinboard é um tema com uma interface de usuário simples. Combina bem com uma taxonomia plana, como uma lista simples de categorias ou tags.
:hammer_and_wrench: Repositório GitHub - nolosb/discourse-theme-pinboard
:open_book: Novo em Temas do Discourse? Guia para iniciantes no uso de Temas do Discourse

Instalar este tema

:woman_factory_worker:t5: Configuração pós-instalação

O tema instala alguns componentes adicionais. Alguns precisam de ajustes em suas configurações para refinar a aparência do tema:

  • Alternador Claro/Escuro

    • Para que o alternador funcione, você deve definir o esquema de cores Claro nas configurações do tema. E escolher o esquema de cores Escuro nas configurações gerais (default dark mode color scheme id).
    • Você pode optar por exibir o ícone do alternador no cabeçalho. Por padrão, ele é exibido no rodapé da barra lateral.
  • Arredondado

    • Um componente de estilo para arredondar elementos de layout. No meu site de pré-visualização, o raio padrão é definido como 10px e o raio do botão como 4px.
  • Painéis

    • Outro componente de estilo para renderizar contêineres de lista como painéis. O tema tem um estilo de sombra definido para os painéis, você pode ativá-lo usando esta variável --shadow:

    image

:art: Recursos do Tema

Use com categorias ou apenas com tags

Você pode ocultar tags ou categorias da interface e usar apenas uma delas.

Página inicial personalizada

Você pode criar um layout de página inicial personalizado semelhante ao das pré-visualizações.

  • Escolha a opção custom homepage nas configurações do tema

  • Escolha sua página inicial nas configurações do administrador. Por exemplo, aqui está definido para a rota superior:

  • Instale este componente auxiliar para adicionar uma classe dedicada à página inicial. Defina sua página inicial nas configurações do componente:

    image

  • No componente Painéis instalado, escolha renderizar painéis nas listas em destaque:
    image

  • Instale o componente Featured Lists e defina sua posição de saída como discovery-list-container-top

35 curtidas

Este é um tema muito bom, adoro a simplicidade!

12 curtidas

Bom trabalho, irmão.. :heart_eyes:

6 curtidas

Uau! Isso tem uma ótima estética.

6 curtidas

O tema ficou incrível! Minimalista de um jeito bom. Adorei o que você fez com a barra lateral.

Ótimo trabalho @manuel :+1:

7 curtidas

@manuel
Por favor, ajude com qual configuração estou perdendo aqui. A página inicial mostra um wrapper externo para mim com tópicos abaixo. Em vez de cada quadro de pinos

Obrigado.

2 curtidas

Parece um tema produtivo com grande simplicidade que pode facilmente economizar muito tempo graças à sua interface de usuário.

3 curtidas

Você verificou a opção conforme descrito acima?

3 curtidas

Sim. Eu selecionei essa opção.

3 curtidas

Você também tem que definir Tópicos Principais como sua página inicial. Sua página inicial está definida como a lista de categorias. Isso ocorre porque essa configuração de tema mostra apenas as listas de pinboard e oculta o conteúdo abaixo. Isso só funciona na rota superior. Podemos substituir tópicos principais por uma lista de pinboard de tópicos principais, se necessário. Normalmente, precisamos da lista de categorias ou dos tópicos mais recentes para que o fórum funcione.

Você define a página principal como sua página inicial, tornando-a o primeiro item da lista do menu superior em suas configurações de administrador:

3 curtidas

@manuel Obrigado.
Está faltando exatamente isso. Agora está tudo bem.

3 curtidas

Este tema deveria ocultar o menu superior (Mais recentes, Mais populares, etc.)? Existe alguma forma de trazê-lo de volta?

1 curtida

Sim, esses itens estão ocultos. Tenho uma opinião sobre isso neste tema porque “Mais recentes/Novos/Não lidos” já estão disponíveis na barra lateral e “Principais” é usado para a página inicial.

Se você quiser usar o tema e ter esses itens na barra de navegação, você precisará substituir as declarações de estilo do tema manualmente.

1 curtida

Não vejo “Mais recentes/Novos/Não lidos” na barra lateral, nem na minha instância do tema, nem no site de teste, nem nas capturas de tela desta postagem. Você pode me indicar a direção certa?

2 curtidas

Mais recente é chamado Tudo na barra lateral por padrão. Nas minhas capturas de tela, ele é chamado de Todos.

Mas sim, é verdade que Não lidas e Novas não aparecem mais na barra lateral. Pensei que elas apareciam lá assim como antes no menu hambúrguer. Talvez eu me lembre errado ou tenha sido alterado. Ainda há atualizações constantes na barra lateral.

As informações contextuais sobre novo conteúdo na barra lateral são pontos de notificação que seguem todos os itens do menu que contêm novo conteúdo para o usuário logado:

2 curtidas

Grande fã deste tema.

Por algum motivo, o componente de tema de alternância Escuro/Claro não está aparecendo no cabeçalho.

2 curtidas

Obrigado :sunny:

Não aparece para mim no tema padrão também, então provavelmente está relacionado ao componente.

Na verdade, veja aqui: Dark/Light Mode Toggle - #88 by RGJ No momento, o alternador só aparece quando um usuário tem a alternância automática do modo de cor ativada.

1 curtida

@manuel muito, muito bem feito. O tamanho da fonte é deliberadamente tão grande (grande, na minha opinião)?

A captura de tela é de um laptop de 15 polegadas - Parece fora de proporção?

Você considerou uma solução com abas em vez de exibir as categorias em caixas em formato de lista - ou seja, “feedback” seria uma aba ao lado de “Bem-vindo ao Pinboard”?

:warning: Acabei de fazer um refatoramento deste tema. Existem apenas alterações sutis na interface do usuário, mas o código do tema foi reorganizado e inclui alguns novos componentes.

Se você instalou o tema antes, precisará reajustar os componentes e quaisquer declarações de estilo que você fez sobre ele. Caso não queira fazer isso agora, você também pode baixar o tema do seu branch v1 e permanecer com a configuração anterior:

Para referência, aqui estão os detalhes pós-instalação para a v1:

Recursos do Tema

  • Use com categorias ou apenas com tags
    Você pode ocultar tags ou categorias da interface e usar apenas uma delas.

  • Página inicial personalizada
    Você pode criar uma página inicial personalizada semelhante à das prévias.

    • Instale o Componente Versatile Showcase e defina sua posição de saída para discovery-list-container-top
    • Defina sua página inicial para a rota top
    • Escolha a opção custom top page no tema

Recursos do Componente

O tema instala automaticamente alguns componentes adicionais:

  • Alternância Claro/Escuro
    Defina o esquema de cores Claro nas configurações do tema. Escolha o esquema de cores Escuro nas configurações gerais.

  • Pesquisa no Cabeçalho

  • Tópicos Clicáveis

  • Estilos de Tags
    Para escolher estilos de cores para tags.

4 curtidas

Tema incrível, super limpo!

Estou apenas imaginando se este tema é mais adequado para desktop ou celular.

1 curtida