También puedes pedir ayuda en:
¿Cómo hacer que la barra lateral derecha se muestre en todas partes? No solo en la página de inicio y en las categorías.
No funciona para el botón “añadir tema”
1 me gusta
Mmm… a mí me funciona bien al previsualizar en Theme Creator.
Si quieres apuntar específicamente al botón de Nuevo Tema, prueba con:
button#create-topic {
// añade cosas aquí...
}
Al tener
- un mensaje privado
- con una etiqueta
- y ver sin barra lateral
El ancho se vuelve muy pequeño
Causa:
.navigation-topics,
.categories-list,
body[class*="tag-"]:not(.archetype-regular):not(.archetype-banner),
body[class*="category-"]:not(.archetype-regular):not(.archetype-banner):not(.archetype-banner):not(.archetype-private_message) {
en fkb-d-topic-list.scss se está aplicando, y no debería.
Sospecho que necesita :not(.archetype-private_message)
Sin embargo, me pregunto por qué está apuntando a estos arquetipos de manera tan específica en absoluto. ¿Solo está tratando de ver si está en una lista de temas (frente a la vista de un tema?)
2 Me gusta
Me encanta este tema, pero o bien estoy encontrando un error o he roto algo.
Por alguna razón, parece que no hay ningún relleno encima de los temas, por lo que las esquinas redondeadas desaparecen en cierto modo y no hay separación visible entre cada tema.
Parece que algo relacionado con el nuevo cambio experimental de la base moderna está causando este comportamiento. Desactivarlo parece restablecer el relleno a la normalidad.
Título:
[Bug] El tema se bloquea en Discourse 2026.4.0-latest — No se pudo encontrar el módulo 'ember-this-fallback/js-component'
Descripción:
Después de actualizar Discourse a v2026.4.0-latest (commit 19374472fd), el tema FKB Pro provoca un bloqueo fatal en el frontend, lo que deja el foro parcialmente inutilizable. Discourse muestra el banner naranja:
“由于主题/组件有错误，您的站点可能无法正常运行。由 ‘FKB Pro theme’ 引起。”
(Traducción: “Debido a un error en el tema/componente, es posible que su sitio no funcione correctamente. Causado por ‘FKB Pro theme’.”)
Causa raíz:
El tema (o uno de sus componentes) todavía hace referencia al módulo ember-this-fallback/js-component, el cual ha sido eliminado del núcleo de Discourse en versiones recientes. Este módulo era un parche de compatibilidad para el patrón heredado de Ember this-property-fallback, que permitía a las plantillas usar {{foo}} en lugar de {{this.foo}}. Discourse anunció oficialmente la eliminación de este parche y exigió que todos los temas y plugins migraran a enlaces explícitos con this..
Error desde la consola del navegador:
Failed to load theme 4 from https://www.sitetalk.net/...
Error: Could not find module 'ember-this-fallback/js-component' imported from (require)
[THEME 4 'FKB Pro theme'] Error: Could not find module 'ember-this-fallback/js-component' imported from (require)
at vendor.js
at requireModule (vendor.js)
at Object.lookup (chunk.js)
...
at reportThemeError (chunk.js)
(Versión de Discourse mostrada en la consola: v2026.4.0-latest, Ember v6.10.1)
Entorno:
| Elemento | Valor |
|---|---|
| Versión de Discourse | v2026.4.0-latest (commit 19374472fd) |
| Versión de Ember | v6.10.1 |
| Tema | FKB Pro (instalación predeterminada de este repositorio) |
| Reproducibilidad | 100% reproducible tras actualizar Discourse |
Esperamos que los desarrolladores puedan solucionar este problema. ¡Gracias!"}
4 Me gusta
Hola, al actualizar Discourse a la versión v2026.4.0-latest — Ember v6.10.1, apareció un error que impide el uso del foro:
client-error-handler.js:109 [THEME 28 ‘FKB Pro theme’] Error: No se pudo encontrar el módulo ember-this-fallback/this-fallback-helper importado desde (require)
at loader.js:247:1
at a (loader.js:258:1)
at requireModule (loader.js:24:1)
at Object.lookup (app.js:36:12)
Esperamos una solución para este problema.
4 Me gusta
¿Hay alguna novedad sobre la corrección de esto?
¿Hay alguna novedad sobre cuándo se solucionará esto?
Tengo un informe de que GitHub - literatecomputing/fkb-pro-theme: FKB Pro is a highly modified, detailed, professional social theme, but still user-friendly. · GitHub está funcionando. He realizado una solicitud de extracción.
4 Me gusta
Hola Don,
¡En primer lugar, un tema absolutamente impresionante! Recientemente implementé FKB Pro para mi comunidad local de educación, Jiwa.now, y la interfaz basada en tarjetas se ve preciosa y muy profesional.
Mientras probaba en dispositivos móviles, noté un problema de experiencia de usuario (UX) relacionado con las áreas clicables de las tarjetas de temas. Actualmente, las zonas clicables parecen inconsistentes. Por ejemplo, los usuarios pueden hacer clic en los bordes extremos de la tarjeta para entrar a un tema, pero hacer clic en otras áreas vacías (como a la derecha de la fila de avatares o en el medio del pie de página) no hace nada.
Esta interacción de «acierto o fallo» confunde a los usuarios y a menudo provoca clics accidentales cuando simplemente intentan deslizar y desplazarse por el feed.
Una sugerencia para futuras actualizaciones: Sería una mejora de UX si el tema pudiera refinar esto por defecto, haciendo que solo el contenido principal (título, imagen y extracto) sea clicable para entrar al tema, mientras se deshabilita el fondo de la tarjeta para evitar clics accidentales al deslizar.
Mientras tanto, para garantizar que la experiencia táctil en móviles sea 100% fiable para mis usuarios, escribí un fragmento de CSS utilizando un enfoque de «lista blanca» con pointer-events. Esto neutraliza por completo los clics en el fondo y reactiva específicamente los clics solo en los elementos interactivos reales.
Pensé en compartirlo aquí para cualquiera que busque refinar sus objetivos táctiles, y quizás podría ser una referencia útil para desarrolladores:
/* Solución para conflictos de clic/toque en tarjetas móviles (Enfoque de lista blanca inteligente) */
/* 1. Neutralizar todo el fondo de la tarjeta para evitar clics al deslizar */
.topic-list-item {
pointer-events: none !important;
}
/* 2. Reactivar todos los enlaces y botones nativos (avatares, etiquetas, títulos) */
.topic-list-item a,
.topic-list-item button {
pointer-events: auto !important;
}
/* 3. Reactivar clics en imágenes */
.topic-list-item .topic-image,
.topic-list-item .topic-thumbnail,
.topic-list-item img {
pointer-events: auto !important;
cursor: pointer !important;
}
/* 4. Reactivar toda el área de estadísticas del pie de página */
.topic-list-item .topic-item-stats,
.topic-list-item .topic-footer,
.topic-list-item .post-activity,
.topic-list-item .activity,
.topic-list-item .num,
.topic-list-item .topic-meta-data {
pointer-events: auto !important;
}
/* 5. Eliminar cualquier pseudoelemento de enlace estirado superpuesto */
.topic-list-item .main-link::before,
.topic-list-item .main-link::after {
pointer-events: none !important;
display: none !important;
}
¡Gracias!
Leo
2 Me gusta
@Don, ¡tu tema es increíble! Gracias por compartir este magnífico tema 
. Era solo un pequeño mensaje de agradecimiento, porque para mí es importante destacarlo por las horas de trabajo que le dedicaste por el placer de la comunidad !!
3 Me gusta
¡Hola @gilles 
Gracias por las amables palabras! 
Tengo una pequeña sección de soporte en mi perfil por si alguna vez quieres apoyar mi trabajo: > ./support --coffee
1 me gusta
FKB Pro v2 - ¿Qué hay de nuevo?
La publicación de esta novedad se ha retrasado un poco: la versión v2 se lanzó hace unas dos semanas, pero, bueno, mejor tarde que nunca. 
FKB Pro v2 es una actualización bastante sustancial en su interior. Aunque la apariencia y la sensación general siguen siendo familiares, muchas partes del tema han sido rediseñadas, optimizadas y limpiadas.
Diseño de escritorio mejorado
La lista de temas del escritorio ahora utiliza un diseño más flexible que funciona mucho mejor con la barra lateral de Discourse y el propio panel de FKB Pro.
El diseño se adapta automáticamente a medida que cambia el espacio disponible, con puntos de quiebre dedicados para pantallas más pequeñas y dispositivos móviles.
Mejor comportamiento responsivo
Se ha realizado mucho trabajo en el manejo de diseños estrechos y contenido desbordado.
Los títulos de temas largos, los nombres de usuario, las etiquetas y otros contenidos ahora se manejan de manera mucho más confiable, en lugar de poder empujar el diseño más allá de su ancho disponible.
Los diseños móviles también se han ajustado para funcionar con el ancho real del contenedor, en lugar de depender del tamaño basado en el viewport.
Rendimiento de la lista de temas
La lista de temas también recibió algunas optimizaciones de rendimiento.
Las tarjetas de temas fuera de la pantalla ahora pueden ser omitidas por el navegador cuando sea apropiado, mientras que las imágenes de los temas y sus contenedores utilizan reglas de contención mejores.
Esto debería ser especialmente útil en listas de temas más largas.
Mejor caché del Panel FKB
El Panel FKB ahora utiliza claves de caché específicas de usuario y versionadas.
En lugar de compartir entradas de caché genéricas, los datos del usuario se almacenan en relación con el usuario actual de Discourse, lo que evita que la información en caché se filtre entre cuentas al cambiar de usuario en el mismo navegador.
La caché también maneja ahora la caducidad y las entradas no válidas de manera más confiable.
Carga más rápida del panel
Los datos de resumen de usuario y de las tarjetas ahora se solicitan en paralelo, en lugar de esperar a que una solicitud termine antes de comenzar la siguiente.
También hay una protección adicional contra solicitudes obsoletas que sobrescriban datos después de que el usuario activo haya cambiado.
Nueva gestión de estado del panel
El estado de mostrar/ocultar del Panel FKB se ha movido a un servicio de estado dedicado.
Esto hace que el comportamiento sea más predecible y fácil de mantener, al tiempo que mejora el propio conmutador del panel con:
-
estado
aria-expandedadecuado -
etiquetas descriptivas
-
iconos dinámicos
-
estado persistente de mostrar/ocultar
Mejoras de accesibilidad
Varios elementos interactivos recibieron un mejor soporte de accesibilidad, particularmente en torno a los controles del Panel FKB.
El conmutador del panel ahora expone su estado correctamente a las tecnologías de asistencia y proporciona etiquetas y títulos más útiles.
Mejoras móviles
Varios diseños móviles se han limpiado y hecho más robustos, incluidas las listas de temas, las categorías, los mensajes privados, las páginas de usuario, los grupos y los temas.
El objetivo era hacer que FKB Pro se comporte de manera más natural dentro del diseño responsivo de Discourse, en lugar de luchar contra él.
Código más modular
Una gran parte de la actualización también se centró en hacer que la base de código sea más fácil de mantener.
El Panel FKB se ha dividido en componentes más pequeños para cosas como información de usuario, estadísticas, insignias y visitantes.
Las tarjetas de la lista de temas también se han reorganizado en componentes separados de encabezado, cuerpo, metadatos y sección de lista.
Esto no necesariamente cambia lo que ven los usuarios, pero hace que el desarrollo futuro sea considerablemente más fácil.
En resumen
FKB Pro v2 no es solo una actualización visual. Es una reescritura bastante significativa de varias partes del tema, con un enfoque en mejor comportamiento responsivo, rendimiento, caché, accesibilidad y mantenibilidad.
Gracias a todos los que usan FKB Pro y reportan problemas o sugieren mejoras. 
2 Me gusta
Tengo un problema de presentación en móvil debido a la descripción. He intentado ver si podía hacer algo, pero no consigo solucionarlo. No sé si soy el único en esta situación.
1 me gusta
he logrado hacer una modificación en scss para móvil
/* Fuerza el texto de la descripción a envolverse */
.category-heading__content p,
.category-heading__content span,
.category-heading__content div {
white-space: normal !important;
word-break: break-word !important;
overflow-wrap: break-word !important;
max-width: 100% !important;
}
Después, tal vez haya algo mejor 
Esto parece ser un problema central. 
A mí también me ocurre con el tema por defecto.
Sin embargo, creo que esta sección se manejaría mejor con grid. Algo como:
.category-heading {
&.--has-logo {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: var(--space-4);
}
&__content {
min-width: 0;
.badge-category__wrapper {
max-width: 100%;
}
}
}
Esto parece manejar el espacio disponible de manera más confiable, especialmente cuando el nombre de la categoría es largo.
1 me gusta