Kiosk, un tema de autoservicio

:dizzy: Resumen Kiosk tiene el aspecto de un terminal de autoservicio
:hammer_and_wrench: Repositorio GitHub - nolosb/discourse-theme-kiosk
:open_book: ¿Nuevo en los temas de Discourse? Guía para principiantes sobre el uso de temas de Discourse

Instalar este tema

Características del tema

  • Navegación sencilla
    El tema elimina la mayoría de las características de navegación anidadas o complejas.

  • Elige tus favoritos
    Me encanta esto en un tema similar a Reddit para Discourse y lo copié tal cual :sparkles: Haz clic en un icono de estrella para añadir directamente una categoría o etiqueta a la barra lateral.

Componentes oficiales

El tema se basa en varios componentes oficiales:

  • Componente de avatar
    Cambia el tamaño de los avatares y la cabecera.

  • Búsqueda en la cabecera
    Añade un campo de búsqueda en la cabecera.

  • Botón de nuevo tema
    Reemplaza el botón predeterminado con un botón persistente de Nuevo Tema en la cabecera.

  • Conmutador Oscuro-Claro
    Añade un icono para alternar los esquemas de color.

Componentes personalizados

También utiliza dos componentes de diseño personalizados:

  • Paneles
    Añade un diseño de panel alrededor del contenedor de contenido principal en todas las rutas.

  • Redondeado
    Redondea muchos elementos. Un trabajo en progreso…

:musical_score: Sintoniza el tema

  • Aumenta el tamaño de los avatares en el Componente de avatar para que no se rendericen borrosos. En mi sitio en vivo, he establecido los tamaños en medium y 45.

  • En el componente Redondeado, puedes suavizar los bordes. En mi sitio en vivo, he establecido el radio predeterminado y el de los botones en 2px.

  • Por defecto, la barra lateral muestra una lista plana de enlaces. Activa esta configuración del tema para mostrar el menú desplegable Más y personalizar las secciones de la barra lateral. Solo el personal verá el menú desplegable:

image

  • Elige Categorías y temas destacados como estilo de categoría en la configuración de administrador.

  • Para usar una fuente de señalización, puedes instalar HK Grotesk como un componente.

20 Me gusta

Bonito tema @manuel, me encanta tu trabajo. Puede que use este (o una variación de él :grin:) en mi foro actual porque parece que a muchos de mis usuarios les gustaría.

Pregunta: ¿se supone que la barra de navegación debe desaparecer en todas las páginas? Como administrador, obtengo un espacio en blanco con un botón (llave inglesa de administrador) en la página principal de categorías y, por lo tanto, el espacio es bastante notable allí, pero en realidad a quién le importa porque soy el administrador y se ve genial para los usuarios habituales. Sin embargo, sé que bastantes de mis usuarios utilizan los enlaces de filtro de la barra de navegación, por lo que una sugerencia leve sería agregar una opción para desocultarla en la página de categorías.

Me gusta cómo moviste el botón de nuevo tema a la cabecera y me encanta la estrella de favoritos.

Sé que dijiste que el redondeo está en progreso y sospecho que estás en ello, pero sugeriría alguna descripción para las diversas opciones en ese componente (como en el TC del avatar).

Debo estar en la minoría de aquellos que usan el menú de la barra lateral de navegación colapsable en el escritorio porque siempre echo de menos el ícono de hamburguesa y esa función en los temas de ancho completo y parece ser algo de estos días; fue mi única queja sobre el tema de ancho completo de Meta también (pero noto que ha vuelto ahora) :thinking:

3 Me gusta

Se ve tan limpio y simple. Me encanta. :clap:

3 Me gusta

En realidad, lo que ves como “Breadcrumbs” (migas de pan) en las listas de categorías y etiquetas es la barra de navegación. Simplemente está diseñada para mostrar solo los elementos seleccionados y sin menús desplegables.

No quiero añadir filtros desplegables aquí porque iría en contra de la dirección del tema. Sin embargo, sí que pienso en tener “breadcrumbs” en todas las rutas. Lo que me gustaría es un diseño que siempre repita la selección actual en la barra lateral como indicador de “breadcrumbs”. Por ejemplo, para la lista “Latest” (Más recientes):

Así que espero añadir esto como un componente opcional un poco más tarde :slightly_smiling_face:

¡Puedo ver totalmente que más opciones de navegación tendrían sentido en tu foro! ¿El componente “Panels” como tal podría encajar bien con tu configuración?

4 Me gusta

¡gran trabajo!

3 Me gusta

Gran trabajo @manuel :raised_hands:

Me encanta la simplicidad de este tema :smile_cat:

2 Me gusta