Pasando a una configuración de sitio con estilo de una sola categoría

¡Hola Brian! ¿Estás preguntando si hay un video que muestre cómo instalar componentes de temas? No lo hay, pero hay una guía en Beginner's guide to using Discourse Themes que podrías echar un vistazo. ¡Estamos aquí para ayudarte si tienes problemas!

2 Me gusta

¿Hay alguna forma de hacer estas instalaciones en una versión aislada (estoy en su plan de alojamiento) para que si algo sale mal no afecte a un sitio en producción? Me gustaría probarlo primero y si todo va bien, aplicar la corrección a mi sitio en producción.

2 Me gusta

Buscando instrucciones sobre cómo volver al estilo predeterminado (viñetas). ¿Dónde encontraría esos detalles?

2 Me gusta

No hay nada que instalar para volver al estilo de viñetas predeterminado.

Busca la configuración de administración category_style y cámbiala a “bullet” para que se vea así:

Aquí están los pasos:

  1. Ve a /admin en tu sitio
  2. Selecciona SETTINGS (CONFIGURACIÓN) en el menú
  3. Busca “category style” (estilo de categoría)
  4. Selecciona el menú desplegable “category style” y elige “bullet” (o selecciona RESET (REESTABLECER) para volver al predeterminado, que es bullet)

Una vez que hayas hecho lo anterior, verás el estilo de viñetas en todos los lugares donde se muestren las categorías.

5 Me gusta

Perfecto, gracias por esos consejos, hicieron que la solución fuera súper simple.

2 Me gusta

¡De nada! Acabo de añadir las instrucciones paso a paso en la primera publicación anterior para beneficio de los demás.

4 Me gusta

He fusionado esta actualización:

Así que si actualizas Discourse más tarde hoy, ya no tendrás la configuración del sitio category_style.

Si deseas recuperar los estilos de caja/barra/ninguno, puedes instalar el componente de tema Category Badge Styles.

El componente de tema Category Icons también se ha actualizado para admitir este cambio y funcionará con el componente Category Badge Styles.

11 Me gusta

¿Por qué no dejarlo así? El estilo de viñetas es horrible para sitios grandes que quieren facilitar que las personas distingan rápidamente entre temas. Me preocupa que el componente temático no ofrezca la misma flexibilidad o que con el tiempo también quede obsoleto.

No creo que haya un problema en mezclar viñetas y otros estilos, de hecho, creo que ayuda a evitar que el foro se vea clínico/deslucido:

4 Me gusta

Hola,

probando 3.2.0.beta4-dev [04a58a6e64]

Cada vez que creo una nueva categoría y le asigno un color específico, el color no parece aplicarse al punto de viñeta como se esperaba. En cambio, la viñeta permanece blanca, independientemente del color elegido.

¿Está esto relacionado con los últimos cambios?

3 Me gusta

Mientras investigábamos esto, descubrimos que el 87% de los sitios que alojamos utilizan el estilo predeterminado.

Ciertamente es difícil eliminar configuraciones, pero si continuamos acumulando configuraciones, Discourse será cada vez más difícil de configurar con el tiempo. Utilizar temas para un cambio puramente visual como este parece un punto intermedio razonable.

En el proceso de eliminar los estilos alternativos de las insignias de categoría, también los hicimos más flexibles para cambiarlos a través de temas. Los colores de categoría ahora están disponibles dentro del CSS de la insignia, en lugar de aplicarse en línea a un elemento específico. Anteriormente, seleccionar un estilo diferente alteraba el HTML de la insignia, pero ahora todo se maneja mediante CSS.

No tenemos planes de eliminar el componente de tema, y hay componentes de tema menos populares que hemos estado apoyando durante años… así que, si bien es difícil garantizar algo sobre el futuro, esperamos que esto brinde al menos un poco de tranquilidad.

Sí, parece que sí. Esto es algo que investigaremos para solucionarlo. Las nuevas insignias de categoría tienen CSS generado con JS, y debido a que la categoría aún no existe en este punto… necesitaremos un enfoque diferente para previsualizar el color al crearlo. Gracias por informarnos.

9 Me gusta

Esto se solucionará la próxima vez que actualices:

4 Me gusta

Solo para informarte que esto ha sido una regresión en mi foro.

Instalé el componente de tema como se pidió, pero el DOM de la “caja” probablemente no es el mismo ya que mi CSS se rompió por completo:

Antes:

image

Después:

image

Me hubiera encantado que esta transición fuera fluida, especialmente porque te tomaste la molestia de proporcionar un componente de tema :slight_smile:

4 Me gusta

Sí, esto resultó ser más complicado de lo que esperábamos originalmente. ¿Lograste resolverlo? Si no, podemos intentar resolverlo aquí o puedes comunicarte directamente con nuestro equipo de soporte.

5 Me gusta

Tuvimos que trabajar en nuestro CSS personalizado. Ya está hecho :sunglasses: gracias.

5 Me gusta

@awesomerobot Creo que ha habido una regresión. Actualicé hoy y esto es lo que veo ahora:

Pantalla ancha:

Pantalla estrecha:

Antes:
CleanShot 2023-10-18 at 18.58.06@2x

4 Me gusta

¡Gracias por informarlo! esta actualización debería solucionarlo: UX: update category badge variable to match core by awesomerobot · Pull Request #3 · discourse/discourse-category-badge-styles · GitHub

3 Me gusta

¡Gracias por la rápida solución, @awesomerobot!

También noté una pequeña regresión en .subcategories .badge-category en la página principal.
El relleno está actualmente establecido en var(--badge-category-padding-v) var(--badge-category-padding-h) dentro de .badge-category__wrapper .badge-category, pero eso afecta a .subcategories .badge-category que previamente no tenía ningún relleno vertical.

Antes:

Ahora:

4 Me gusta

Acabo de hacer algunos ajustes más para esto: UX: spacing and alignment adjustments for box mode by awesomerobot · Pull Request #4 · discourse/discourse-category-badge-styles · GitHub

5 Me gusta

Gracias, funciona mucho mejor.

No sé si es como resultado del último cambio, pero en las categorías con subcategorías, a “todas” y “ninguna” ahora les falta relleno a la izquierda:

Además, al editar el título de un tema existente, esto también sucede con “etiquetas (opcional)” y la categoría padre parece desalineada:

2 Me gusta

Yo también, no sé si es intencional, pero veo tamaños de fuente/relleno vertical inconsistentes según el contexto (página principal, edición de un tema existente, edición solo del título, cambio de la categoría actual, desplazamiento por la lista de categorías existentes).

Estas son todas las que pude capturar en una captura de pantalla (las 3 ventanas tienen el mismo nivel de zoom):

@awesomerobot

5 Me gusta