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:
Riprendiamo da dove eravamo rimasti dopo aver apportato alcune modifiche.
Prima osservazione: per quanto ne so, non è possibile visualizzare in anteprima un layout diverso per le categorie. Volevamo cambiare il modo in cui le categorie venivano visualizzate, passando da “Box con argomenti in evidenza” a “Categorie con argomenti in evidenza”. L’aggiornamento di questa impostazione ha modificato il sito live. Lo condivido qui a beneficio degli altri.
Nuova domanda, se possibile: come possiamo modificare il colore di questi link e testi? Troviamo visivamente confuso distinguere cosa è un link e cosa no, e qui ci sono così tanti link. Vorremmo personalizzare il colore di alcuni link per aiutare le persone a concentrarsi su ciò di cui hanno realmente bisogno o su ciò su cui potrebbero voler cliccare per esplorare ulteriormente.
Sì. Puoi cambiare il colore o l’aspetto di qualsiasi elemento andando alla scheda Personalizza della tua dashboard di amministrazione e modificando il CSS del tuo tema corrente oppure aggiungendo un componente del tema con le modifiche desiderate.
Puoi utilizzare gli strumenti di ispezione di Chrome per individuare la classe CSS corretta da selezionare.
Grazie! C’è un modo per rimuovere questi contatori di non letti e nuovi dalle sottocategorie? Ho già regolato il colore, ma penso che appesantiscano la vista e vorrei nasconderli. Non ho trovato questa opzione nelle impostazioni. Stiamo usando solo il tema Light.
Stessa suggerimento condiviso da Hawk sopra. Utilizzando l’ispettore del browser, individua la classe CSS da colpire e utilizza un componente del tema per apportare le modifiche.
Volevo solo chiudere il cerchio qui, nel caso qualcuno sia curioso di sapere come ottenere un aspetto simile a discuss.codeacademy.com con un banner personalizzato per la home page. Abbiamo finito per utilizzare questa guida di @awesomerobot per ottenere un banner che appare solo nella home page. Non è così raffinato come il loro, ma fa il suo dovere!
Poi abbiamo utilizzato i banner delle categorie
Le modifiche CSS sono state utili per lo schema di colori dei conteggi dei messaggi non letti, ecc.
