Nous développons nos produits et expériences en nous inspirant de manière souple du modèle Jobs to Be Done (comme progrès).
Je pense que Code Academy le comprend bien. Que cherche à accomplir le membre lorsqu’il arrive sur le site, dans le but ultime d’améliorer sa situation actuelle ? Nous cherchons aussi à atteindre cet objectif et à simplifier.
J’aimerais beaucoup expérimenter un format plus proche de celui du site de Code Academy, mais je ne veux pas perturber nos membres en testant des changements sur le site en direct. Existe-t-il un moyen de « prévisualiser » les modifications qui affectent la mise en page ?
J’ai aussi remarqué que certains petits changements de formatage ou d’esthétique provoquent des problèmes avec le plugin de table des matières que nous utilisons, probablement surtout à cause de la latence (il faut une minute pour rattraper le retard et se recharger correctement après les modifications ?). C’est pourquoi nous n’avons pas fait beaucoup de réglages fins, car nous comptons beaucoup sur cette fonctionnalité pour notre documentation.
Enfin, si quelqu’un a des retours sur la mise en page ou l’organisation de notre site, ce serait également formidable. Il est toujours utile d’avoir un regard neuf !
Oui, tout à fait ! Tu peux utiliser la section de personnalisation dans les paramètres d’administration de ta communauté pour apporter et prévisualiser des modifications. Consulte ce magnifique guide qui explique comment tout cela fonctionne :
Étant donné que tu t’intéresses au thème de Codecademy, je me suis dit que je devais aussi partager ceci :
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.
