¿Recomendaciones sobre diseños? ¿Una forma de previsualizar cambios?

Me encanta mucho https://discuss.codecademy.com/

Nuestro sitio está en https://community.tillerhq.com/

Desarrollamos el producto y la experiencia basándonos de forma flexible en el modelo Jobs to Be Done (como progreso).

Creo que Codecademy capta esto. ¿Qué intenta lograr el miembro cuando llega al sitio para mejorar finalmente su situación actual? Nosotros también estamos tratando de lograrlo y simplificarlo.

Me encantaría experimentar con un formato más parecido al del sitio de Codecademy, pero no quiero ser disruptivo con nuestros miembros probando cosas en el sitio en vivo. ¿Existe alguna forma de “previsualizar” cambios que afecten la disposición?

También he notado que algunos cambios menores de formato o estética causan ciertos problemas con el plugin de tabla de contenidos que estamos usando; creo que es principalmente debido a la latencia (¿tarda un minuto en ponerse al día y recargar correctamente después de los cambios?). Por eso no hemos hecho mucho ajuste fino, ya que dependemos mucho de esa función para nuestra documentación.

Además, si alguien tiene comentarios sobre la disposición y organización de nuestro sitio, también sería genial. ¡Es muy útil tener una mirada fresca!

Gracias por un producto excelente @sam @codinghorror :slight_smile: :santa: :christmas_tree:

5 Me gusta

¡Hola Heather! :smiley: :wave:

¡Sí, claro! Puedes usar la sección de personalización en la configuración de administración de tu comunidad para realizar y previsualizar cambios. Consulta esta hermosa guía que explica cómo funciona todo:

Dado que te interesa el tema de Codecademy, pensé que también debería compartir esto:

:hugs:

13 Me gusta

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.

1 me gusta

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.

3 Me gusta

¡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.

1 me gusta

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.

4 Me gusta

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.

¡Gracias a todos!

6 Me gusta