Tema Fakebook

A mensagem tem um problema com este tema.

1 curtida

Olá @awesomerobot
Como posso adicionar a visualização do tópico após o número de comentários?

Obrigado!

Não sei por que meu fórum perdeu o menu do cabeçalho.

Se você abrir o inspeção de elementos do navegador, vê algum erro no console? Você tem outros temas ou plugins instalados? Este tema muda bastante, então não será compatível com muitos plugins ou outros temas/componentes.

3 curtidas

Brinquei um pouco com ele e me diverti muito. Ótimo trabalho. A configuração “apenas categorias” é o problema para mim, pois meu fórum está configurado usando caixas. Existe uma maneira de fazer com que o tema Fakebook alterne o fórum para “apenas categorias” quando ativado, já que vou permitir que os usuários escolham seu tema? Ou uma maneira de definirmos opções de layout diferentes para temas distintos?

Também notei que as barras laterais não funcionam bem com a maioria dos plugins, como Kanban, Eventos, etc. Me pergunto se, no futuro, elas poderiam se tornar dinâmicas, de modo que, se outro plugin quiser usar esse espaço, elas se movam para fora do caminho. Ou uma solução de baixa tecnologia seria ter um pequeno ícone de “ocultar” nos cantos.

4 curtidas

Isso é ótimo!

Seria seguro usar este tema em um site ao vivo e fazê-lo funcionar sem erros (o único componente de tema que estou usando é o componente Cabeçalho da Marca)?

E ele será atualizado no futuro previsível? Acho isso fantástico.

Isso é um trabalho incrível. Parabéns!

Parece que não está ativado nos seguintes lugares:

Por exemplo, notei que as descrições das categorias parecem apertadas e pouco atraentes com este tema, como visto na sua demonstração:

Já existem alguns sites ao vivo usando o tema. Se você notar algum problema, pode relatá-lo aqui e eu poderei resolvê-lo quando tiver oportunidade. O tema é de código aberto, então melhorias de outros desenvolvedores também são bem-vindas!

Como mencionado na postagem original, este tema funciona apenas com o estilo de página de categoria “apenas categorias” (infelizmente, as pré-visualizações do tema em nosso site de criador de temas não permitem definir um estilo de página de categoria diferente).

Tenho uma tarefa pendente para adicionar suporte a outros estilos de categoria; tentarei fazer isso ainda esta semana.

9 curtidas

Fiz uma atualização aqui que adiciona suporte a todos os estilos de página de categoria

Também estou trabalhando no suporte para páginas de tags; devo ter isso pronto em algum momento da próxima semana.

14 curtidas

Adicionei suporte para listas de tópicos de tags. Foi necessário corrigir algumas inconsistências no próprio Discourse para dar suporte a elas corretamente, então você também precisará atualizar para o Discourse de hoje ou posterior para que esta atualização funcione.

11 curtidas

Olá @awesomerobot, ao comparar este tema com o dev.to, existe alguma maneira de exibir todas as categorias listadas, em vez de dentro de um menu suspenso, no lado esquerdo? Além disso, lembro que o Meta testou um tema que permitia aos usuários seguir categorias para ajustar/especificar seu fluxo de atividades — essa funcionalidade está disponível e pode ser combinada com o Fakebook?

1 curtida

Seguindo os passos da inspiração deste tema, o Fakebook agora tem uma atualização moderna!

Este novo tema está disponível sob o nome ‘Fakebook Moderno’.

Mas não se preocupe! O Fakebook Clássico continuará disponível para você curtir :smile:

Como sempre, se você notar algo que pareça estranho, é só nos avisar!

16 curtidas

Olá,

Estou com um problema no Fakebook e no tema Fakebook Moderno, na barra lateral direita. Este script não deve ser carregado para visitantes não logados. Há alguma ideia de como carregar este script apenas para usuários logados? Obrigado :slight_smile:

<!-- Widget personalizado da barra lateral -->

<script type="text/discourse-plugin" version="0.8">
  const ajax = require('discourse/lib/ajax').ajax;

  let currentUser = Discourse.User.currentProp('username');

  api.registerConnectorClass('discovery-below', 'sidebar', {
    setupComponent(args, component) {
      ajax("/u/" + currentUser + "/summary.json").then(function(result){

        stinkinBadges = [];

        userLikesReceived = result.user_summary.likes_received;
        userLikesGiven = result.user_summary.likes_given;

        result.badges.forEach(function(badges){
          stinkinBadges.push(badges);
        });

        component.set('userLikesReceived', userLikesReceived);
        component.set('userLikesGiven', userLikesGiven);
        component.set('stinkinBadges', stinkinBadges);
        component.set('userName', api.getCurrentUser().name);
        component.set('user', api.getCurrentUser().username);

      });

    }

  });
</script>

O código de erro é:

Olá novamente,

Acabei de finalizar. Funciona sem erros, mas alguém pode verificar se meu código está correto? Obrigado :slight_smile:

<!-- Widget personalizado da barra lateral -->

<script type="text/discourse-plugin" version="0.8">
  const ajax = require('discourse/lib/ajax').ajax;
if(api.getCurrentUser() != null) {
  let currentUser = Discourse.User.currentProp('username');

  api.registerConnectorClass('discovery-below', 'sidebar', {
    setupComponent(args, component) {
      ajax("/u/" + currentUser + "/summary.json").then (function(result){

        stinkinBadges = [];

        userLikesReceived = result.user_summary.likes_received;
        userLikesGiven = result.user_summary.likes_given;

        result.badges.forEach(function(badges){
          stinkinBadges.push(badges);
        });

        component.set('userLikesReceived', userLikesReceived);
        component.set('userLikesGiven', userLikesGiven);
        component.set('stinkinBadges', stinkinBadges);
        component.set('userName', api.getCurrentUser().name);
        component.set('user', api.getCurrentUser().username);

      });

    }

  })};
</script>

Preciso ajustar a posição do título, do texto e de algumas partes

iPhone 6s

1 curtida

Desktop

Olá,
Crie um componente de tema e adicione este código ao CSS mobile.

.regular .container.posts{
    width: 100%;
}

O outro é o CTA de cadastro no CSS desktop:

.signup-cta{
    margin: 0;
}

É melhor esperar que o criador do tema atualize.

É por isso que eu disse para criar um componente de tema, porque você pode simplesmente excluí-lo quando o tema for atualizado, e isso é bom até que eles atualizem o tema. Mas, se você não quiser usá-lo em produção, então espere.

Os problemas acima foram corrigidos.

@Don, obrigado por trazer a questão de executar este script mesmo quando o usuário não estava logado. Isso também foi corrigido.

5 curtidas