¿Cómo hacer un tema muy personalizado?

Hola, soy nuevo en Discourse y me encantan sus características y funciones. Quiero personalizar mucho su apariencia y la forma en que presenta el contenido. He estado leyendo varios hilos y publicaciones tratando de entenderlo. Tengo experiencia en codificación de JavaScript, pero me estoy confundiendo. Por personalizar mucho, me refiero a: eliminar la barra lateral, agregar elementos de navegación a la barra superior. Mostrar temas con el nombre del autor, avatar, asunto y texto de vista previa, junto con la respuesta más reciente y una vista previa de la respuesta con el avatar y el nombre del autor de la respuesta. Temas agrupados bajo categorías en una gran lista de categorías y sus temas (estilo antiguo). Supongo que necesito entender cómo anular los datos que se muestran, o se obtienen y luego se muestran, y estoy confundido sobre la mejor manera de hacerlo. ¿Sería un solo “tema”? ¿Sería un componente de tema? ¿Sería un plugin? ¿Serían múltiples temas, componentes y plugins? ¿Cuál es la diferencia entre un componente y un plugin? Ojalá hubiera un video de YouTube que mostrara el desarrollo de un “tema” tan personalizado. Actualmente estoy recopilando una lista de “complementos?” que hacen cosas similares a lo que quiero lograr y estoy tratando de leer su código y entenderlos, pero hombre, es realmente confuso entrar en esto “fresco”. Aprendo mejor viendo videos que leyendo. :confused: ¿Algún consejo, sugerencia o video que quizás no haya conocido? Cualquier ayuda es muy apreciada. :pray:

1 me gusta

Dado que los cambios que deseas implicarían la obtención de datos adicionales para las páginas, un tema o un componente no serían suficientes, necesitas un plugin para lograr tu visión.

3 Me gusta

Gracias :slight_smile: Tengo un montón de lectura. Espero que todo empiece a tener sentido. Encontré un tema muy relevante:

Y luego, solo comparto algunos enlaces/notas para otros que puedan estar en la misma situación:

Las plantillas HTML están en https://github.com/discourse/discourse/tree/main/app/assets/javascripts/discourse/app/templates

Guía para principiantes de temas:

Guía para desarrolladores de temas:

Guía para diseñadores de temas:

Creación de un componente de tema:

Componente de tema para revelar ubicaciones de “plugin outlet” (lugares para inyectar nuevo html/script/estilos):

Desarrollo de plugins:

Aprende a empezar a construir cosas:

Instalar Discourse en Ubuntu/Debian para desarrollo:

Lo que realmente quiero modificar es la “topic-list” o página de inicio

• Este tema ya ha creado el formato de "topic-list" deseado:
• Nombre del autor + Avatar:

Author name plus avatar o Show Original Poster Avatars

• Grupos de categorías:
• Iconos de categorías destacadas:

También puedes probar el editor de temas en línea:

Extras:
• Inicio de sesión único? SSO

• Bot de Discord

Puedes hacer esto haciendo clic en el ícono de hamburguesa, así que sería bastante fácil de averiguar.

Echa un vistazo a Enlaces de encabezado personalizados

Eso podría ayudarte a empezar.

4 Me gusta