Construímos produtos e experiências de forma flexível usando o modelo Jobs to Be Done (como progresso).
Acho que a Code Academy captura bem isso. O que o membro está tentando fazer ao acessar o site para, no final, melhorar sua situação atual? Também estamos tentando alcançar isso e simplificar.
Gostaria muito de experimentar um formato mais parecido com o do site da Code Academy, mas não quero ser disruptivo com nossos membros ao fazer testes no site ao vivo. Existe alguma maneira de “pré-visualizar” alterações que afetam o layout?
Também notei que algumas pequenas alterações de formatação ou estética causam problemas com o plugin de Índice Remissivo (TOC) que estamos usando. Acredito que isso ocorra principalmente devido à latência (demora cerca de um minuto para se ajustar e recarregar corretamente após as alterações?), então não fizemos muitos ajustes finos, já que dependemos muito desse recurso para nossa documentação.
Além disso, se alguém tiver feedback sobre o layout ou organização do nosso site, isso também seria incrível. É muito útil ter novos olhos para analisar!
Sim, existe! Você pode usar a seção de personalização nas configurações de administração da sua comunidade para fazer e visualizar alterações. Confira este guia incrível que explica como tudo funciona:
Como você tem interesse no tema do Codecademy, achei que deveria compartilhar também isso:
Retomando isso depois de fazer algumas alterações.
Primeira observação: até onde posso dizer, não é possível visualizar um layout diferente para categorias. Queríamos mudar a forma como as categorias apareciam, de “Caixas com Tópicos em Destaque” para “Categorias com Tópicos em Destaque”. A atualização dessa configuração alterou o site ao vivo. Apenas compartilhando aqui para benefício de outros.
Nova pergunta, se possível: como podemos editar a cor desses links e textos? Achamos visualmente confuso identificar o que é link e o que não é, e há tantos links aqui. Gostaríamos de personalizar a cor de certos links para ajudar as pessoas a se concentrarem no que realmente precisam ou podem querer clicar para explorar mais.
Sim. Você pode alterar a cor/aparência de qualquer coisa acessando a aba Personalizar do seu painel de administrador e, em seguida, editando o CSS do seu tema atual ou adicionando um componente de tema com as alterações.
Você pode usar o inspecionador do Chrome para encontrar a classe CSS correta para direcionar.
Obrigado! Há alguma maneira de remover essas contagens de não lidas e novas das subcategorias? Ajustei a cor, mas acho que elas poluem a visualização e gostaria de escondê-las. Não encontrei isso nas configurações. Estamos usando apenas o tema Claro.
Mesma sugestão que o Hawk compartilhou acima. Usando o inspetor do seu navegador, encontre a classe CSS para direcionar e use um componente de tema para fazer as alterações.
Apenas quis fechar o ciclo aqui, caso alguém mais esteja curioso sobre como obter um visual semelhante ao discuss.codeacademy.com com um banner personalizado na página inicial. Acabamos usando este guia do @awesomerobot para obter um banner que aparece apenas na página inicial. Não é tão sofisticado quanto o deles, mas cumpre o objetivo!
E então usamos os Banners de Categoria
Os ajustes de CSS foram úteis para a paleta de cores das contagens de não lidas, etc.
