We build product and experience loosely using Jobs to Be Done (as progress) model.
I think Code Academy gets at this. What is the member trying to do when they reach the site to ultimately improve their current situation? We’re also trying to achieve this and simplify.
I’d love to experiment with a format more like what’s on the Code Academy site, but don’t want to be disruptive to our members by experimenting on the live site. Is there a way to “preview” changes that affect layout?
I’ve also noticed that some minor formatting/aesthetic changes cause some issues with the TOC plugin we’re using I believe mostly due to latency (it takes a minute to catch up and reload properly after changes?) so we haven’t done much fine tuning as we rely on that feature heavily for our docs.
Also, if anyone has feedback on our site’s layout/organization that’d also be awesome. It’s helpful to get fresh eyes!
Yup there is! You can use the customize section in your community admin settings to make and preview changes. See this beautiful guide that explains how it all works:
Seeing as you are interested in Codecademy’s theme, I figured I should also share this:
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.
