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:
Je reprends ce sujet après avoir apporté quelques modifications.
Première observation, il n’est pas possible, à ma connaissance, d’apercevoir une mise en page différente pour les catégories. Nous souhaitions modifier l’affichage des catégories, passant de « Boîtes avec sujets à la une » à « Catégories avec sujets à la une ». La mise à jour de ce paramètre a modifié le site en direct. Je partage cela ici pour le bénéfice des autres.
Nouvelle question, si possible : comment pouvons-nous modifier la couleur de ces liens et de ce texte ? Nous trouvons visuellement confus de distinguer ce qui est un lien et ce qui ne l’est pas, et il y a tellement de liens ici. Nous aimerions personnaliser la couleur de certains liens pour aider les utilisateurs à se concentrer sur ce dont ils ont réellement besoin ou sur ce qu’ils souhaitent cliquer pour explorer davantage.
Oui. Vous pouvez modifier la couleur ou l’apparence de n’importe quel élément en accédant à l’onglet Personnaliser de votre tableau de bord administrateur, puis en modifiant le CSS de votre thème actuel ou en ajoutant un composant de thème contenant les modifications.
Vous pouvez utiliser l’inspecteur de votre navigateur Chrome pour identifier la classe CSS appropriée à cibler.
Merci ! Y a-t-il un moyen de supprimer ces comptes de messages non lus et nouveaux dans les sous-catégories ? J’ai ajusté la couleur, mais je pense qu’ils alourdissent la vue et aimerais les masquer. Je n’ai pas trouvé cette option dans les paramètres. Nous utilisons uniquement le thème Clair.
Même suggestion que Hawk a partagée ci-dessus. En utilisant l’inspecteur de votre navigateur, trouvez la classe CSS à cibler et utilisez un composant de thème pour apporter les modifications.
Je voulais juste boucler la boucle au cas où d’autres seraient curieux de savoir comment obtenir un aspect similaire à discuss.codeacademy.com avec une bannière personnalisée sur la page d’accueil. Nous avons finalement utilisé ce guide de @awesomerobot pour afficher une bannière uniquement sur la page d’accueil. Pas aussi élaboré que le leur, mais cela fait l’affaire !
Ensuite, nous avons utilisé les bannières de catégories :
Les ajustements CSS ont été utiles pour la palette de couleurs des comptes non lus, etc.
