O alternativamente, un componente temático que permita “acoplar” una barra de herramientas debajo de la barra principal del sitio al ver una categoría específica. Es lo que busco más específicamente. Esto podría ser algo como los enlaces de encabezado personalizados de Joe, por ejemplo.
Incluso la orientación para ajustar el comportamiento de un componente temático existente para lograr esto sería genial.
Me disculpo, ya que todavía soy un novato y estoy aprendiendo sobre la marcha.
Para ser muy claro y específico, algo como los Enlaces de Encabezado Personalizado de Johani (Icono) sería casi perfecto.
Dicho esto, el propósito es tener idealmente una barra de herramientas con un logotipo clickeable y luego un par de menús desplegables.
Por ejemplo, el foro tiene un patrocinador que posee la Categoría A con 2 subcategorías. Cuando los usuarios están viendo la Categoría A o sus subcategorías, una barra de herramientas está anclada debajo del encabezado del sitio. Con enlaces para esa empresa.
es decir, enlace a la tienda, soporte, enlaces de la comunidad.
Los enlaces de encabezado personalizados son un componente de tema bastante simple y creo que sería un buen punto de partida usar la misma base de código pero colocar la lista de enlaces en otro lugar.
Dicho esto, no admite submenús, lo que sería más complicado de agregar.
Otro enfoque sería hacer un componente sin configuraciones, solo usando HTML, CSS (y quizás un poco de JS). Por lo tanto, sería una personalización bastante “estática” y si necesita hacer algún cambio, tendría que editar el código HTML y CSS apropiado.
¿Sería suficiente una forma así para sus necesidades, o prefiere algo más fácil de editar desde el lado del administrador como el componente enlaces de encabezado personalizados con varias entradas, como esta?
Algo como los Enlaces de encabezado personalizados podría ser más fácil hasta que tenga más experiencia. O tal vez orientación para crear un componente separado que, por ejemplo, apunte y anule algo como el componente de enlaces de encabezado personalizados de Johani para cambiar el comportamiento a debajo del encabezado (puede que ya exista una opción para esto) con anulaciones para usar la categoría principal actual.
Sin embargo, si tengo 2 patrocinadores, necesitaría saber si puedo instalar el componente dos veces renombrando el componente y apuntando al componente por nombre.
por ejemplo
(A) Enlaces de encabezado personalizados
(B) Enlaces de encabezado personalizados
Si no me equivoco, hay un componente temático que agrega una barra lateral basada en la categoría. Pero una barra lateral no funcionaría ya que solo es para escritorio. Así que necesito una barra superior.
Sé que puedo exportar y luego importar desde un archivo zip para modificar el código. Pero necesitaría orientación sobre qué cambiar si sigo esta ruta. Estoy dispuesto a intentarlo.
Ahora podría ser más fácil trabajar en un componente de tema personalizado
para, como mencionaste, simplificar esto con algo simple después del código del encabezado que apunta a la categoría mostrando enlaces simples con una imagen aquí y allá para los enlaces principales con, digamos, un enlace de comunidad que va a una publicación o página publicada.
Nuevamente, quiero agradecerle su tiempo y el intercambio de conocimientos.
Aquí tienes un ejemplo práctico que he preparado para ti:
Aquí está el HTML que puse en la pestaña After Header
<div id="category-general-banner" class="below-header-banner">
<h2>🚀 Aquí hay contenido que solo se muestra en la categoría <strong>General</strong></h2>
</div>
<div id="category-site-feedback-banner" class="below-header-banner">
<h2>✨ Aquí hay contenido que solo se muestra en la categoría <strong>Site Feedback</strong></h2>
</div>
Aquí está el SCSS que puse en la pestaña CSS (Discourse usa SCSS, que amplía las características de CSS):
Básicamente, tomarías este código y lo pondrías en mi código como un reemplazo para la etiqueta <h2> y su contenido. Pero te sugeriría que refinaras y adaptaras este código a tus necesidades, no que simplemente lo copiaras y pegaras.
En cuanto a tener la lista de elementos en línea en lugar de uno encima del otro, hay muchas formas de CSS para hacerlo… Muchas de ellas son bastante sencillas, pero entonces nos salimos un poco del alcance de la ayuda que brindamos aquí. Vea esta explicación:
Si soy honesto conmigo mismo y con los que me rodean. Soy un entusiasta novato. He tenido algo de programación en la escuela secundaria involucrando gwbasic y turbo pascal. He tomado la iniciativa de usar una aplicación para ayudar a aprender html y CSS y he tenido algunos éxitos. Sin embargo, nada a un alto nivel.
Por ejemplo, alguien compartió un ejemplo de código para ocultar una categoría del menú de hamburguesa. Funcionó bien, pero fue mucho código para ocultar todas las que quería. Esto fue antes del componente temático “Category Hider”, aunque contribuí con una idea para tener una opción para ocultar todas las subcategorías a la que un miembro de la comunidad compartió un código de 1 o 2 líneas que ocultó todas las subcategorías. lol
Eso fue mucho más eficiente que apuntar a cada una para ocultarla individualmente.
Sin embargo, ahora he tenido un éxito moderado modificando el banner Welcome Link al comparar el settings.yml con Modern Category boxes, si no me equivoco, el settings.yml intercambiando la primera configuración con una que apunta a listar categorías frente a descubrimiento. Sin embargo, parece que todavía necesito comparar un par de archivos para ver dónde surte efecto la configuración. Como puedo agregar categorías a la primera configuración, pero todavía no parece estar funcionando.
Sé que necesito leer más y usar un mejor IDE que mi móvil para evolucionar verdaderamente mi comprensión y conciencia. Llegaré allí, solo necesito tener la humildad y el enfoque para hacerlo.
Por eso estoy verdaderamente agradecido de tener esta gran y comprensiva comunidad que a menudo, cuando se le pregunta, me ha brindado la orientación que necesito con un alto nivel de paciencia que muchos no darían.
Sé que estudiando código y tomándome mi tiempo, llegaré allí. Soy demasiado terco para no hacerlo.
Uso Linux y ahora he configurado mi escritorio para facilitar las cosas. Además, necesito ver cómo el lado de diseño de escritorio y el móvil crean un diseño bien equilibrado. Estoy aprendiendo cosas nuevas todo el tiempo. Estoy basando el núcleo en el Air Theme, ya que es un gran punto de partida.
