FKB Pro - Tema social

FKB Pro é um tema social altamente modificado, detalhado e profissional, mas ainda assim fácil de usar. :rocket:

:warning: Este tema é bastante sensível e pode não ser bem compatível com outros componentes de tema ou plugins que você usa! Por favor, teste antes de usar. Geralmente, eles precisam de alguma modificação em CSS. Se tiver algum problema, por favor, relate e eu o corrigirei.


Layout

No desktop: Layout de três colunas.

Barra lateral pronta


No mobile:


Cantos arredondados

O FKB Pro tem cantos altamente arredondados em todos os lugares por padrão, mas sei que nem todo mundo gosta, então adicionei algumas Configurações de Tema para facilitar a personalização.

Se você não gosta de cantos arredondados… defina esses valores para 0.


Cartão de Tópico

Seções principais

  1. Título (clique leva ao último post)
  2. Trecho (clique leva ao OP)
  3. Imagem (clique leva ao último post)

Outras seções

  1. Canto superior esquerdo: Dados do autor (avatar, nome, nome de usuário) e a data de criação do tópico.
    (clique abre o cartão do usuário)
  2. Canto superior direito: Selo da categoria
  3. Centro inferior: Tags
  4. Canto inferior esquerdo: Curtidas e visualizações do tópico
    (clique leva ao OP e resume o tópico, se disponível)
  5. Canto inferior direito: Avatar do último postador, data e contagem de respostas.
    (clique no avatar abre o cartão do usuário, a data leva ao último post e a contagem de respostas abre a seleção de respostas)

Estilo dos selos

  1. bullet
    Screenshot 2022-07-28 at 13.20.14

  2. bar
    Screenshot 2022-07-28 at 13.17.04

  3. box
    Screenshot 2022-07-28 at 13.18.34


Página de Categoria

Devido ao tamanho limitado no centro, por favor, use estilos de página de categoria de uma coluna. Fiz algumas personalizações para que se encaixassem melhor neste tema.

Apenas Categorias, Categorias e Tópicos Mais Recentes, Categorias e Tópicos Principais

Caixas de Categorias

OU

Você pode usar o componente de tema Modern Category + Group Boxes criado por @jordan.vidrine


Painel FKB

No desktop: A barra lateral direita.

Para visitantes anônimos é exibida uma mensagem de boas-vindas. Esta mensagem é a mesma que js.signup_cta.value_prop. O texto do cabeçalho Welcome pode ser alterado em Tradução do Tema.

OU

Para visitantes anônimos há uma opção para habilitar uma barra lateral personalizada. Você pode adicionar conteúdo personalizado à barra lateral, como imagem e descrição.


Para usuários logados ele contém as informações do usuário, como foto de perfil, estatísticas, selos e também usa a imagem do cartão do usuário como fundo. Contém também alguns botões rápidos na parte inferior.


Esquemas de Cores

O tema contém dois esquemas de cores: FKB Pro - Light e FKB Pro - Dark.

Esquemas de Cores

FKB Pro - Light

  • primary #242526
  • secondary #ffffff
  • tertiary #147efb
  • quaternary #147efb
  • header_background #ffffff
  • header_primary #242526
  • highlight #147efb
  • danger #f8745c
  • success #42b72a
  • love #fa6c8d

FKB Pro - Dark

  • primary #ffffff
  • secondary #242526
  • tertiary #147efb
  • quaternary #4267b2
  • header_background #242526
  • header_primary #ffffff
  • highlight #147efb
  • danger #f8745c
  • success #42b72a
  • love #fa6c8d

Existem alguns esquemas de cores personalizados que você pode alterar nas configurações.

Esquemas de Cores Personalizados

fkb-bg

  • light #f0f2f5
  • dark #18191a

fkb-header-btn

  • light #e1e5eb
  • dark #3a3b3e

fkb-header-btn-hover

  • light #d2d8e1
  • dark rgba(var(--primary-rgb),.1)

fkb-btn

  • light #e1e5eb
  • dark #383838

fkb-btn-hover

  • light #d2d8e1
  • dark rgba(var(--primary-rgb),.1)

Mais sobre as últimas atualizações :arrow_down_small:

e aqui :arrow_down_small:

Existem muitas outras personalizações que não mencionei. :slightly_smiling_face:


Créditos :heart: Um grande agradecimento a @awesomerobot por criar o tema Fakebook e a @jordan.vidrine por criar o tema Fakebook Modern.

|||
|-|-|-|
| : eyeglasses:|Pré-visualização| Theme Creator |
| : hammer_and_wrench:|Repositório| Tema FKB Pro |
| : question:|Guia de Instalação|Como instalar um tema ou componente de tema|
| : open_book:|Novo em Temas Discourse?| Guia para iniciantes no uso de Temas Discourse

56 curtidas

Com o iPad é bem… largo. Quero dizer, bem largo :wink:

Isso acontece porque não há barra lateral, eu acho. Alguma ideia do porquê?

3 curtidas

Eu adoro!

Minha única sugestão é alargar o menu hambúrguer e, em seguida, adicionar preenchimento

1 curtida

Mais um pequeno:

  • meu fórum não usa o plugin solved
  • não usamos emblemas

Você sabe melhor como ocultar esses dois :wink:

Caso contrário… este tema parece muito promissor em desktops e celulares (tablets são um pouco problemáticos)

A propósito — há um pequeno problema de layout com o banner versátil. Ele empurra o conteúdo abaixo dele um pouco demais para a esquerda.

3 curtidas

Olá,

Enviei uma correção para a visualização em tablet. Por favor, atualize o tema. :slightly_smiling_face:

6 curtidas

Isso foi rápido.

Muito melhor, obrigado. Ganhei um novo tema padrão…

1 curtida

Obrigado :slightly_smiling_face: Sim, acho que este é o padrão. O primeiro item está em foco quando você abre o menu.

3 curtidas

Sim, eu estava apenas sugerindo que há um pouco de espaço entre eles, além disso, o tema parece bom para o quanto eu odeio Facebook e Meta, haha

Obrigado :slightly_smiling_face: Eu implementei uma correção para isso.

Adicionei duas configurações de tema.

Vou verificar isso.

3 curtidas

Eu devo ser uma dor nos lugares sensíveis :rofl:

Há um problema. Não para mim, mas para meus 5 principais contribuidores é uma questão de vida ou morte — bem, talvez isso tenha sido um exagero, mas eles realmente querem isso.

Configurações da categoria:

Normalmente mostra algo assim (no iPad, mas você entende o que quero dizer)

Seu layout quebra se a descrição ou o nome da categoria for mais longo do que alguns caracteres:

Desativar mostrar lista de subcategorias acima… resolve isso, é claro.

Mas estou me movendo para usar apenas categorias de nível superior e confiar muito em tags de qualquer maneira (e então seu tema é realmente bastante adequado em muitos aspectos) — então, se corrigir isso levar um pouco de trabalho demais e/ou você tiver algo mais importante para fazer, tudo bem se você trabalhar nisso mais tarde.

3 curtidas

Olá, adicionei uma correção para Discourse Reactions. :slightly_smiling_face:
Você pode instalá-la como um componente de tema.

1 curtida

Obrigado pelo relatório @Jagster. Empurrei uma correção para este problema. FIX: Topic list category layout by VaperinaDEV · Pull Request #3 · VaperinaDEV/fkb-pro-theme · GitHub

2 curtidas

Olá, enviei uma correção para isso. Obrigado :slightly_smiling_face: Por favor, atualize o tema.

Antes

Depois

1 curtida

tema muito legal. por favor, adicione mais posts para teste.

1 curtida

Obrigado :slightly_smiling_face: Atualizei o OP com o link de pré-visualização do criador de temas, então agora você também pode experimentá-lo em https://discourse.theme-creator.io/theme/dodesz/fkb-pro.

2 curtidas

Tema incrível! Se eu conseguir descobrir uma maneira de obter um maldito domínio e um servidor de e-mail, definitivamente usarei este tema.

2 curtidas

Olá,

Adicionei um novo recurso :tada: Agora você pode adicionar conteúdo personalizado na barra lateral para visitantes.

3 curtidas

Obrigado por atualizar este tema.

Seria ótimo se você desenvolvesse este tema como um blog (esqueça o tema do Facebook :sweat_smile:)

Sugestão de https://www.newsbreak.com/

3 curtidas

Eu discordo :wink:

As necessidades do Blogish são diferentes de tentar oferecer mais estilo SoMe para aqueles que acham que Faceboom/insta/etc são a melhor experiência de usuário/interface possível.

Portanto, pode haver um tema que se pareça um pouco mais com um blog (o que quer que isso signifique agora…). Mas está tudo bem como está agora.

(O WordPress é muito superior como plataforma de blog do que o Discourse; são duas ferramentas totalmente diferentes para propósitos diferentes…)

1 curtida

Olá, ótimo tema!

A pré-visualização do tema em nosso fórum não é exibida com 3 colunas, apenas em um layout de coluna única. Suspeito de algum problema de CSS, mas ainda estou tentando descobrir.

2 perguntas:

  • É possível ter colunas de largura fixa em uma largura mínima de tela (ou várias, usando, por exemplo, regras de mídia CSS) no modo desktop? A largura flexível me dá um pouco de dor de cabeça em monitores muito grandes (24 ou 27’') e o “espaço morto” entre as três colunas é um pouco estranho
  • O tema é compatível com o componente para blocos do lado direito Blocos da Barra Lateral Direita - componente-tema - Discourse Meta? Se sim, isso torna a coluna da direita mais útil/rica em recursos.
2 curtidas