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:
Retomamos esto después de haber realizado algunos cambios.
Primera observación: hasta donde puedo ver, no es posible previsualizar un diseño diferente para las categorías. Queríamos cambiar la forma en que se mostraban las categorías, pasando de usar “Cajas con Temas Destacados” a “Categorías con Temas Destacados”. Al actualizar esta configuración, se modificó el sitio en vivo. Solo lo comparto aquí para beneficio de otros.
Nueva pregunta, si es posible: ¿cómo podemos editar el color de estos enlaces y textos? Encontramos que resulta visualmente confuso distinguir qué es un enlace y qué no, y hay tantos enlaces aquí. Nos gustaría personalizar el color de ciertos enlaces para ayudar a las personas a centrarse en lo que realmente necesitan o podrían querer hacer clic para explorar más.
Sí. Puedes cambiar el color o la apariencia de cualquier elemento yendo a la pestaña Personalizar de tu panel de administración y, bien editando el CSS de tu tema actual o añadiendo un componente de tema con los cambios.
Puedes usar el inspector de Chrome para encontrar la clase CSS adecuada a la que apuntar.
¡Gracias! ¿Hay alguna forma de eliminar estos contadores de no leídos y nuevos de las subcategorías? Ajusté el color, pero creo que ensucian la vista y me gustaría ocultarlos. No encontré esta opción en la configuración. Solo estamos usando el tema Claro.
La misma sugerencia que Hawk compartió arriba. Usa el inspector de tu navegador para encontrar la clase CSS a la que apuntar y utiliza un componente del tema para realizar los cambios.
Solo quería cerrar el tema por si a alguien más le interesa saber cómo lograr un aspecto similar al de discuss.codeacademy.com con un banner personalizado en la página de inicio. Al final, utilizamos esta guía de @awesomerobot para obtener un banner que solo se muestra en la página de inicio. No es tan sofisticado como el suyo, pero cumple su función.
Y luego usamos los Banners de Categoría.
Los ajustes de CSS fueron útiles para la paleta de colores de los contadores de no leídos, etc.
