また、ヘルプは以下でも求めることができます。
右側のサイドバーをどこでも表示するにはどうすればよいですか？ホームページとカテゴリだけでなく。
「トピックを追加」ボタンで動作しません
うーん…テーマクリエーターでプレビューすると、私にはうまく動作します。
「新しいトピック」ボタンを具体的に対象にしたい場合は、以下を試してください。
button#create-topic {
// ここに何かを追加...
}
以下の条件の場合、
- プライベートメッセージ
- タグ付き
- サイドバー非表示
幅が非常に小さくなります
原因:
.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) {
が fkb-d-topic-list.scss で適用されており、これは本来あるべきではありません。
おそらく :not(.archetype-private_message) が必要なのでしょう。
ただし、なぜこれらのアーキタイプをこれほど具体的にターゲットにしているのか疑問です。トピックリスト（トピック表示 vs）にいるかどうかを確認しようとしているだけなのでしょうか？
「いいね！」 2
このテーマは素晴らしいのですが、バグに遭遇しているのか、何かを壊してしまったようです。
何らかの理由でトピックの上にパディングが設定されていないため、角丸がほぼ消えてしまい、トピック同士に目に見える区切りがありません。
新しいモダンなファウンデーションの実験的変更に関連する何かがこの動作を引き起こしているようです。それを無効にすると、パディングが正常に戻ります。
タイトル:
[Bug] テーマが Discourse 2026.4.0-latest でクラッシュ — モジュール 'ember-this-fallback/js-component' が見つかりません
説明:
Discourse を v2026.4.0-latest (コミット 19374472fd) に更新した後、FKB Pro テーマにより致命的なフロントエンドクラッシュが発生し、フォーラムが部分的に使用不能になりました。Discourse はオレンジ色のバナーを表示します：
「テーマ/コンポーネントにエラーがあるため、サイトが正常に動作しない可能性があります。原因は ‘FKB Pro theme’ です。」
根本原因:
テーマ（またはそのコンポーネントのいずれか）が、最近のバージョンでDiscourseコアから削除された ember-this-fallback/js-component モジュールをまだ参照しています。このモジュールは、廃止されたEmberの this-property-fallback パターン向けの互換性シェムであり、テンプレートで {{this.foo}} の代わりに {{foo}} を使用できるようにしていました。Discourseはこのシェムの削除を公式に発表し、すべてのテーマやプラグインが明示的な this. バインディングへ移行することを要求しました。
ブラウザコンソールのエラー:
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)
(コンソールに表示されているDiscourseバージョン：v2026.4.0-latest、Ember v6.10.1)
環境:
| 項目 | 値 |
|---|---|
| Discourse バージョン | v2026.4.0-latest (コミット 19374472fd) |
| Ember バージョン | v6.10.1 |
| テーマ | FKB Pro (このリポジトリからのデフォルトインストール) |
| 再現性 | Discourse 更新後、100% 再現 |
開発者の皆様がこの問題を修正してくださることを願っています。ありがとうございます！！！
「いいね！」 4
こんにちは。Discourse を v2026.4.0-latest — Ember v6.10.1 に更新したところ、エラーが発生し、フォーラムが使用できなくなりました。
client-error-handler.js:109 [THEME 28 ‘FKB Pro theme’] Error: Could not find module ember-this-fallback/this-fallback-helper imported from (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)
修正をお願いします。
「いいね！」 4
これの修正に関する最新情報はありますか？
GitHub - literatecomputing/fkb-pro-theme: FKB Pro is a highly modified, detailed, professional social theme, but still user-friendly. · GitHub が機能しているという報告があります。プルリクエストを作成しました。
「いいね！」 4
ドンさん、こんにちは。
まず、このテーマは本当に素晴らしいです！最近、地元の教育コミュニティ Jiwa.now 向けに FKB Pro をデプロイしたのですが、カードベースの UI は美しく、非常にプロフェッショナルな仕上がりです。
モバイル環境でテストしている際、トピックカードのクリック領域に関する UX の問題に気づきました。現在、クリック可能な領域が一貫していません。例えば、カードの端をクリックするとトピックに遷移しますが、アバターの右側の空白部分やフッターの中央部分など、他の空白部分をクリックしても何も反応しません。
この「当たるか外れるか」のような操作感はユーザーを混乱させ、単にフィードをスワイプしてスクロールしようとした際に誤クリックを引き起こす原因にもなります。
今後のアップデートへの提案： もしテーマ側でデフォルトとしてこれを改善できれば、UX が向上するでしょう。具体的には、トピックに遷移するクリックを「タイトル」「画像」「抜粋」といった核心コンテンツのみに絞り込み、カードの背景自体はクリック無効化することで、スワイプ時の誤クリックを防ぐことです。
それまでの間、私のユーザーにとってモバイルのタッチ操作を 100% 確実なものにするため、pointer-events を使った「ホワイトリスト方式」の CSS スニペットを作成しました。これはカードの背景へのクリックを完全に無効化し、実際のインタラクティブな要素にのみクリックを再有効化するものです。
タッチターゲットの改善を検討されている方の参考になればと思い、また開発者の方々にとって役立つリファレンスになるかもしれないと思い、ここに共有させていただきます。
/* モバイルのカードクリック/タッチ競合の修正（スマートなホワイトリスト方式） */
/* 1. スワイプ時の誤クリックを防ぐため、カード全体の背景を無効化 */
.topic-list-item {
pointer-events: none !important;
}
/* 2. 全てのネイティブリンクとボタン（アバター、タグ、タイトル）を再有効化 */
.topic-list-item a,
.topic-list-item button {
pointer-events: auto !important;
}
/* 3. 画像クリックを再有効化 */
.topic-list-item .topic-image,
.topic-list-item .topic-thumbnail,
.topic-list-item img {
pointer-events: auto !important;
cursor: pointer !important;
}
/* 4. フッターの統計情報エリア全体を再有効化 */
.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. 重なっている stretched-link 疑似要素を無効化 */
.topic-list-item .main-link::before,
.topic-list-item .main-link::after {
pointer-events: none !important;
display: none !important;
}
ありがとうございます！
レオ