Consigli sui layout? Un modo per anteprimare le modifiche?

Adoro davvero https://discuss.codecademy.com/

Il nostro sito è https://community.tillerhq.com/

Sviluppiamo prodotto ed esperienza basandoci in modo flessibile sul modello Jobs to Be Done (come progresso).

Penso che Code Academy colga proprio questo. Cosa sta cercando di fare l’utente quando arriva sul sito, con l’obiettivo finale di migliorare la propria situazione attuale? Anche noi stiamo cercando di ottenere questo risultato e semplificare.

Mi piacerebbe sperimentare un formato più simile a quello del sito di Code Academy, ma non voglio disturbare i nostri membri facendo esperimenti sul sito in produzione. Esiste un modo per “anticipare” le modifiche che influenzano il layout?

Ho anche notato che alcune piccole modifiche al formato o all’estetica causano problemi con il plugin TOC che stiamo utilizzando, probabilmente a causa della latenza (impiega un minuto per recuperare e ricaricare correttamente dopo le modifiche?), quindi non abbiamo fatto molto affinamento dato che ci affidiamo molto a questa funzionalità per la nostra documentazione.

Inoltre, se qualcuno ha feedback sul layout o sull’organizzazione del nostro sito, sarebbe fantastico. È utile avere un punto di vista fresco!

Grazie per un prodotto eccellente @sam @codinghorror :slight_smile: :santa: :christmas_tree:

5 Mi Piace

Ciao Heather :smiley: :wave:

Sì, certo! Puoi utilizzare la sezione personalizza nelle impostazioni di amministrazione della tua community per apportare e visualizzare in anteprima le modifiche. Consulta questa bellissima guida che spiega come funziona tutto:

Visto che sei interessata al tema di Codecademy, ho pensato di condividere anche questo:

:hugs:

13 Mi Piace

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.

1 Mi Piace

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.

3 Mi Piace

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.

1 Mi Piace

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.

4 Mi Piace

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.

Grazie a tutti!

6 Mi Piace