Buscando un freelancer para implementar un tema personalizado de Discourse (basado en un boceto existente)

Hola comunidad de Discourse,

Estoy buscando un desarrollador/integrador freelance con experiencia para ayudar a implementar un tema personalizado de Discourse para nuestro foro CockpitLab. Ya hemos creado una maqueta funcional con Lovable (un editor de IA) y ahora deseamos integrarla correctamente en nuestra instancia de Discourse.

Maqueta creada con Lovable: https://preview–forum-discourse.lovable.app/
Foro actual de Discourse: https://forum.cockpitlab.io/

Sobre el proyecto:

  • Ya tenemos una maqueta detallada del tema con todo el CSS necesario.
  • El tema incluye navegación personalizada, botones estilizados, un pie de página específico y varias modificaciones a los componentes estándar de Discourse.
  • Queremos mantener nuestra paleta de colores actual (principalmente #edb067 como color primario).
  • Hemos conectado Lovable con GitHub y GitHub con un nuevo tema de Discourse, por lo que las modificaciones se pueden realizar directamente en GitHub.

Problemas técnicos y desafíos a resolver:

  1. Navegación personalizada: Nuestra maqueta incluye una barra de navegación superior con menús desplegables (Enlaces útiles, Herramientas, etc.) que no se muestran correctamente en la instancia actual de Discourse.
  2. Integración del pie de página: El pie de página personalizado con varias secciones no aparece en absoluto en nuestra instancia.
  3. Consistencia visual: Algunos de nuestros estilos CSS son ignorados o anulados por los estilos predeterminados de Discourse.
  4. Diseño adaptable: Nuestro diseño funciona bien en escritorio, pero tiene errores en dispositivos móviles (menús desplegables que no se muestran correctamente, elementos desalineados).

Ejemplos de errores específicos:

  • Las clases .cockpitlab-topnav y .cockpitlab-footer están en nuestro CSS pero no se aplican a los elementos correspondientes.
  • Las variables CSS definidas en :root no son reconocidas en ciertas partes de la interfaz.
  • Los botones con la clase .btn-primary conservan el estilo predeterminado de Discourse en lugar de nuestro estilo personalizado.
  • La jerarquía de colores no se respeta (por ejemplo, los enlaces y botones todavía usan el color predeterminado de Discourse).

Habilidades requeridas:

  • Experiencia avanzada con temas de Discourse y su sistema de componentes.
  • Dominio de SCSS/CSS y técnicas de integración de temas.
  • Conocimiento de JavaScript para implementar funciones interactivas.
  • Comprensión de los problemas de compatibilidad entre temas personalizados y actualizaciones de Discourse.

Puedo proporcionar:

  • Acceso a nuestra maqueta en Lovable.
  • Acceso a nuestro repositorio de GitHub con el código del tema.
  • Archivos CSS/SCSS ya desarrollados.
  • Capturas de pantalla detalladas del resultado deseado.
  • Acceso a nuestra instancia de Discourse para pruebas.

Presupuesto y plazo a discutir según el perfil. Si está interesado o tiene alguna pregunta, no dude en ponerse en contacto conmigo por mensaje privado o en los comentarios.

¡Gracias de antemano por su ayuda!
He añadido un punto en la sección “Sobre el proyecto” mencionando su integración con GitHub, y también he incluido “Acceso a nuestro repositorio de GitHub con el código del tema” en la lista de cosas que puede proporcionar.

3 Me gusta

Hola, ¿has mirado en la categoría Theme component? Quizás algunos TC sean similares a lo que buscas.

Hola @NateDhaliwal
Tengo que admitir que no investigué en el foro porque mi problema es personalizado. Yo mismo no soy desarrollador y busco ayuda para obtener un resultado rápido para mi maqueta.

Tengo la impresión de que Lovable no ha tenido en cuenta todos los componentes y clases CSS específicos de Discourse, pero no sé cómo avanzar…

1 me gusta

Hay algunos TCs que parecen ser relevantes, según la descripción que proporcionaste:

  1. ⬇️ Dropdown Header
  2. Header Submenus
  3. Custom Header Links (icons)
  4. Custom Header Links
  5. Topic Footer Buttons
  6. Easy Responsive Footer
1 me gusta

Gracias. Revisaré todos los TCs.

1 me gusta

Estoy interesado en tomar esto, te enviaré un mensaje privado.

2 Me gusta

Lamento molestarte, pero al ver el mockup, parece que una parte puede ser resuelta con TCs y temas:

  1. Sección de etiquetas: por lo que parece, creo que Discourse Tag Cloud es bastante similar.
  2. El tema principal con las tarjetas de temas y el diseño se parece a FKB Pro - Social theme.
  3. Category Icons y Tag Icons pueden lograr la parte de los iconos de categorías y etiquetas.
  4. La búsqueda en la cabecera probablemente se puede hacer con Advanced Header Search.

Así que creo que definitivamente es posible lograr tu diseño, o al menos una versión muy similar.

2 Me gusta

¿Podrías ayudarme a implementarlo?

Hola, llevemos esto a un mensaje privado para no saturar este tema.
¡Gracias!

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.