Pinboard, un tema de interfaz simple

:dizzy: Resumen Pinboard es un tema con una interfaz de usuario sencilla. Combina bien con una taxonomía plana, como una lista simple de categorías o etiquetas.
:hammer_and_wrench: Repositorio GitHub - nolosb/discourse-theme-pinboard
:open_book: ¿Nuevo en Temas de Discourse? Guía para principiantes sobre el uso de temas de Discourse

Instalar este tema

:woman_factory_worker:t5: Configuración posterior a la instalación

El tema instala algunos componentes adicionales. Algunos necesitan ajustes en su configuración para modificar la apariencia del tema:

  • Interruptor Claro/Oscuro

    • Para que el interruptor funcione, debes configurar el esquema de color claro en la configuración del tema. Y elegir el esquema de color oscuro en la configuración general (default dark mode color scheme id).
    • Puedes elegir mostrar el icono del interruptor en la cabecera. Por defecto, se muestra en el pie de página de la barra lateral.
  • Redondeado

    • Un componente de estilo para redondear los elementos del diseño. En mi sitio de vista previa, el radio por defecto se establece en 10px y el radio de los botones en 4px.
  • Paneles

    • Otro componente de estilo para renderizar los contenedores de listas como paneles. El tema tiene un estilo de sombra definido para los paneles, puedes habilitarlo usando esta variable --shadow:

    image

:art: Características del Tema

Usar con categorías o solo con etiquetas

Puedes ocultar etiquetas o categorías de la interfaz y usar solo una de ellas.

Página de inicio personalizada

Puedes crear un diseño de página de inicio personalizado similar al de las vistas previas.

  • Elige la opción custom homepage en la configuración del tema

  • Elige tu página de inicio en la configuración de administrador. Por ejemplo, aquí está configurada en la ruta superior:

  • Instala este componente auxiliar para agregar una clase dedicada a la página de inicio. Configura tu página de inicio en la configuración del componente:

    image

  • En el componente Paneles instalado, elige renderizar los paneles en las listas destacadas:
    image

  • Instala el componente Listas Destacadas y establece su posición de salida en discovery-list-container-top

35 Me gusta

Este es un tema muy bonito, ¡me encanta la simplicidad!

12 Me gusta

Buen trabajo, hermano.. :heart_eyes:

6 Me gusta

¡Guau! Esto tiene una gran estética.

6 Me gusta

¡El tema se ve increíble! Minimalista de buena manera. Me encanta lo que hiciste con la barra lateral.

Gran trabajo @manuel :+1:

7 Me gusta

@manuel
Por favor, ayúdame con qué configuración me falta aquí. La página de inicio me muestra un contenedor exterior con temas debajo. En lugar de cada tablero de pines.
Gracias.

2 Me gusta

Parece un tema productivo con gran simplicidad que puede ahorrarte mucho tiempo gracias a su interfaz de usuario.

3 Me gusta

¿Comprobaste la opción como se describe arriba?

3 Me gusta

Sí. Seleccioné esa opción.

3 Me gusta

También tienes que configurar Temas principales como tu página de inicio. Tu página de inicio está configurada como la lista de categorías. Esto se debe a que esta configuración del tema solo muestra las listas de tableros e oculta el contenido debajo. Eso solo funciona en la ruta principal. Podemos reemplazar los temas principales con una lista de tableros de temas principales si es necesario. Normalmente necesitamos la lista de categorías o los temas más recientes para que el foro funcione.

Configuras la página principal como tu página de inicio haciéndola el primer elemento de la lista del menú principal en tu configuración de administrador:

3 Me gusta

@manuel Gracias.
Esto faltaba exactamente. Ahora está bien.

3 Me gusta

¿Se supone que este tema oculte el menú superior (Últimos, Principales, etc.)? ¿Hay alguna forma de recuperarlo?

1 me gusta

Sí, estos elementos están ocultos. Tengo una opinión al respecto en este tema porque Últimos/Nuevos/No leídos ya están disponibles en la barra lateral y Principales se utiliza para la página de destino.

Si desea utilizar el tema y tener esos elementos en la barra de navegación, necesitaría anular manualmente las declaraciones de estilo del tema.

1 me gusta

No veo “Último/Nuevo/No leído” en la barra lateral, ni en mi instancia del tema, ni en el sitio de prueba, ni en las capturas de pantalla de esta publicación. ¿Puede indicarme la dirección correcta?

2 Me gusta

Latest se llama Everything en la barra lateral por defecto. En mis capturas de pantalla se llama All.

Pero sí, es cierto que No leído y Nuevo no se muestran ahora en la barra lateral. Pensé que se mostraban allí igual que antes en el menú desplegable de la hamburguesa. Quizás lo recuerdo mal o ha cambiado. Todavía hay actualizaciones constantes en la barra lateral.

La información contextual sobre contenido nuevo en la barra lateral son puntos de notificación que siguen a todos los elementos del menú que contienen contenido nuevo para el usuario conectado:

2 Me gusta

Soy un gran admirador de este tema.

Por alguna razón, el componente del tema de alternancia oscuro/claro no aparece en la cabecera.

2 Me gusta

Gracias :sunny:

Tampoco se muestra para mí en el tema predeterminado, así que probablemente esté relacionado con el componente.

De hecho, mira aquí: Dark/Light Mode Toggle - #88 by RGJ Ahora mismo, el interruptor solo aparece cuando un usuario tiene habilitado el cambio automático del modo de color.

1 me gusta

@manuel muy, muy bien hecho. ¿El tamaño de la fuente es deliberadamente tan grande (grande según mi opinión)?

La captura de pantalla es de un portátil de 15 pulgadas. ¿Parece fuera de proporción?

¿Has considerado una solución con pestañas en lugar de mostrar las categorías en cuadros en formato de lista? Es decir, “¿comentarios” sería una pestaña junto a “Bienvenido a Pinboard”?

:warning: Acabo de implementar una refactorización de este tema. Hay solo cambios sutiles en la interfaz de usuario, pero el código del tema está reorganizado e incluye algunos componentes nuevos.

Si instalaste el tema anteriormente, necesitarás reajustar los componentes y cualquier declaración de estilo que hayas hecho sobre él. En caso de que no quieras hacer esto ahora, también puedes descargar el tema de su rama v1 y quedarte con la configuración anterior:

Como referencia, aquí están los detalles posteriores a la instalación para la v1:

Características del Tema

  • Usar con categorías o solo con etiquetas
    Puedes ocultar etiquetas o categorías de la interfaz y usar solo una de ellas.

  • Página de inicio personalizada
    Puedes crear una página de inicio personalizada similar a la de las vistas previas.

    • Instala el componente Versatile Showcase y establece su posición de salida a discovery-list-container-top
    • Establece tu página de inicio en la ruta top
    • Elige la opción custom top page en el tema

Características del Componente

El tema instala automáticamente algunos componentes adicionales:

  • Interruptor Oscuro/Claro
    Establece el esquema de color claro en la configuración del tema. Elige el esquema de color oscuro en la configuración general.

  • Búsqueda en la Cabecera

  • Temas Clicables

  • Estilos de Etiquetas
    Para elegir estilos de color para las etiquetas.

4 Me gusta

¡Tema increíble, súper limpio!

Solo me pregunto si este tema es más adecuado para escritorio o móvil.

1 me gusta