Cuando pego el código, el widget aparece en la página principal del sitio web. ¿Cómo puedo hacer que aparezca en una de las categorías/páginas del sitio y no en la página principal?
Hola, ¿podrías enviar una captura de pantalla o una grabación de pantalla del problema?
¡Gracias!
2 Me gusta
Si coloco el código en el encabezado, aparece en la página principal en la parte superior. El cuerpo permite que aparezca en la página principal en la parte inferior. ¿Cómo puedo hacer que el widget aparezca en otra página, alejada de la página principal? Gracias.
Hola @Issa_George. Te recomiendo que repases el tutorial aquí para familiarizarte con los conceptos y técnicas necesarios para el desarrollo de temas. Cubre cómo renderizar contenido en varios lugares de la interfaz de usuario:
5 Me gusta
Y encontrarás que el desarrollo de temas es mucho más fácil con la CLI discourse_theme.
1 me gusta
Como dijo David, deberías seguir ese tutorial para aprender a crear un componente que se pueda renderizar en varios lugares, específicamente, en los plugin outlets, que están distribuidos por todo el sitio para proporcionar lugares donde puedes renderizar el componente.
Puedes colocar el código dentro de la pestaña ‘JS’ y combinarlo con api.renderInOutlet() y una etiqueta <template>.
1 me gusta
Hola Nate, todavía estoy luchando con esto. Solo quiero poner el código del widget HTML dentro de una sección de categoría en lugar de la página principal. Leí la guía pero no me queda claro qué debo usar. Instalé CLI y el código que puse no hace nada en mi sitio. Luego fui al sitio del creador del tema y mi código no aparece en la vista previa. El código de ejemplo de la guía funciona y puedo ver los cambios de color cuando pongo el código.
Hola, ¿podrías compartir el código que estás utilizando actualmente? ¡Gracias!
1 me gusta
Deberías usar un “plugin outlet” y un componente de Glimmer. Echa un vistazo a las guías recientes para el desarrollo de temas.
1 me gusta
O, coloca la etiqueta de script en la pestaña \u003chead\u003e y la otra parte del código en la pestaña JS (e importa las funciones de ayuda allí).
Gracias. Ya funciona.
1 me gusta
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.