Reordenar el menú lateral de Discourse

| | | |
|:information_source: | Resumen | Permite reordenar las secciones del menú de la barra lateral predeterminadas y personalizadas|
|:eyeglasses: | Vista previa | \u003chttps://discourse.theme-creator.io/theme/Lilly/discourse-sidebar-menu-reorder\u003e|\n|:hammer_and_wrench: | Repositorio | \u003chttps://github.com/Lillinator/discourse-sidebar-menu-reorder\u003e|\n|:question: | Guía de instalación | Cómo instalar un tema o componente de tema|\n|:open_book: | ¿Nuevo en los temas de Discourse? | Guía para principiantes sobre el uso de temas de Discourse|\n\n\nInstalar este componente de tema\n\n\n## :bulb: Introducción \n\nHe visto varias solicitudes de administradores de Discourse que desean cambiar el orden de las secciones del menú de la barra lateral, incluidas las secciones personalizadas globales. Dado que actualmente no es muy intuitivo ni sencillo para la mayoría de las personas hacerlo con CSS, y hacerlo puede ser difícil de gestionar y modificar, he creado un componente de tema que lo hace mucho más fácil en la interfaz de usuario de administración. \n\n## :woman_technologist:t2: Descripción general\n\nEste componente de tema de Discourse permite a los administradores reordenar las secciones del menú de la barra lateral de su foro en la interfaz de usuario de administración, incluidas todas las secciones predeterminadas, así como cualquier sección personalizada visible globalmente. \n\nEl componente funciona tanto para las vistas de la barra lateral de escritorio como para la móvil, así como para el modo de menú desplegable del encabezado (aunque idealmente, está hecho para el modo de barra lateral). \n\n***\n\n## :wrench: Instalación y configuración\n- Instale este componente de tema según la Guía para principiantes sobre el uso de temas de Discourse.\n- La sección community se refiere a la sección superior predeterminada de la barra lateral: el menú con el encabezado Topics e incluye el submenú desplegable More; se recomienda no mover más de una o dos secciones (predeterminadas o personalizadas) por encima de la sección community.\n- No elimine ninguna de las secciones predeterminadas en la configuración, o estarán desordenadas (siempre puede volver a agregarlas o restablecer la configuración).\n- La mejor manera de configurar este componente es tener la pantalla de administración del componente con la configuración de la lista de reordenación en una ventana del navegador y la vista de la barra lateral del foro como usuario de prueba en otra al lado; recargue la página después de cada cambio de orden de sección del menú en la lista. \n\n***\n\n## :gear: Configuración\n\n|Configuración | Descripción|\n|— | —|\n|Sidebar menu order | Una configuración de lista que contiene las secciones del menú predeterminadas. community (que es la sección superior predeterminada en la barra lateral e incluye el submenú desplegable More). Reordene las secciones del menú con las flechas hacia arriba y hacia abajo a un lado. También se pueden agregar secciones personalizadas visibles globalmente: use la etiqueta (slug) del nombre del menú (por ejemplo, para un menú personalizado titulado Test Menu, agregue test-menu en la configuración).|\n\nEl componente de tema tiene inicialmente la configuración predeterminada. Los administradores deben agregar cualquier sección de menú personalizada global que deseen mezclar en la lista de ordenación y luego reordenarlas junto con las secciones predeterminadas. \n\n[details="captura de pantalla de la configuración predeterminada del componente"]\n\n

\n\n[/details]\n\n***\n\n## :camera_flash: Capturas de pantalla\n\n\n\nLas capturas de pantalla a continuación muestran la sección community y dos secciones de menú personalizadas de ejemplo llamadas "Dev Links" (dev-links) y "Toolbox" (toolbox) tal como aparecen en el panel de administración del componente a la izquierda, y para un usuario normal a la derecha. Las flechas para mover una sección del menú hacia arriba y hacia abajo en la configuración de administración del componente se muestran en el pequeño recuadro rojo.\n\n\n\n***\n\nAquí, la configuración está configurada para mostrar la sección predeterminada categories por encima de la sección community (modos contraído y expandido):\n\n[grid]\n\n\n\n\n\n[/grid]\n\nAquí hay un ejemplo usando dos secciones personalizadas: una llamada dev-links que está por encima de la sección predeterminada community, y otra llamada toolbox que se encuentra debajo de la sección predeterminada tags.\n\n[grid]\n\n\n\n\n[/grid]\n\nAdemás, observe la sección llamada inbox-section en la captura de pantalla de administración anterior: esta es la sección Messages que el componente Messages section for sidebar inserta en la barra lateral (debajo del menú personalizado toolbox anterior), lo que demuestra que este componente también se puede utilizar para moverla.\n\nAdemás, este componente de tema se puede utilizar junto con los componentes Group sidebar menus y Indented subcategories (ver en la captura de pantalla anterior).\n\n***\n\n## :backhand_index_pointing_right: Notas\n\n- Después de agregar nuevas secciones personalizadas globales a la configuración sidebar_menu_order, los usuarios del foro verán el nuevo orden de menú correcto cuando recarguen su navegador o contraigan/expandan la barra lateral.\n- La creación de nuevas secciones de menú personalizadas globales mientras este componente está habilitado puede resultar en secciones duplicadas temporales para el administrador hasta que la barra lateral se vuelva a renderizar, ya sea con una actualización de página o contrayendo y expandiendo.\n- Las secciones de menú personalizadas creadas por el usuario siempre aparecerán en la parte inferior de la barra lateral para ese usuario, pero no se verán afectadas de otra manera.\n- Si la configuración Admin -> All Site Settings -> Chat Separate Sidebar Mode se establece en Always, el botón de chat aparecerá como de costumbre en la parte inferior, y el componente ignorará las secciones de menú de chat predeterminadas (chat-dms, chat-channels y chat-search).

20 Me gusta

Es genial. Realmente me gusta usar la configuración de categorías (1) y luego chat (2). Muchas gracias por tu buen trabajo, Lilly.

4 Me gusta