Discourseフォーラムのランディングページで、カスタムデザインを採用しているフォーラムをいくつか見かけました。これは、DiscourseのGitHubコードを変更せずに実現できるのでしょうか。
ランディングページの最新トピックリストの上に、バナー画像とテキストを追加したいと考えています。
Discourseフォーラムのランディングページで、カスタムデザインを採用しているフォーラムをいくつか見かけました。これは、DiscourseのGitHubコードを変更せずに実現できるのでしょうか。
ランディングページの最新トピックリストの上に、バナー画像とテキストを追加したいと考えています。
はい、Discourse のソースコードを変更することは強く推奨しません。アップグレードが非常に困難になり、破損のリスクが高まるためです。その代わりに、テーマ、テーマコンポーネント、およびプラグインを活用してください。
既存の #theme-component で機能するもの、あるいは独自に 開発する場合の参考例 となるものがいくつかあります。
Versatile Banner は、そのまま、あるいはわずかな調整で利用できる可能性があります。
Showcased Categories Theme Component は、ホームページにカスタムコンテンツを表示する方法の一般的な良い例です。
最も簡単な方法は、管理画面に移動し、「カスタマイズ」タブをクリックし、テーマ名を選択して「CSS/HTML の編集」を開き、「ヘッダー後」タブで HTML コードを貼り付けることです。該当する箇所は以下の通りです。
Blender Artists では、一部のプラグインと CSS のみを使用しており、カスタム HTML は使用していません。
素晴らしいですね!使用中のプラグインをいくつか教えていただけますか?
Versatile Banner を強くお勧めします。非常にシンプルで使いやすく、かなり柔軟性があります。
私は個人的な小規模なサイドプロジェクトである 投資フォーラムサイト でのみ使用しましたが、今のところ結果には満足しています。
これにリンク付きのコンポーネントを組み合わせて、3 つのカテゴリそれぞれ周りにエリア/ゾーンリンクを作成しました。よく機能しています。新しいコンポーネントを作成し、ヘッダーにコードを挿入するだけで完了しました。
最も重要なのは「トピック一覧のプレビュー」です。これはページ上部の注目の画像行やギャラリーなどを処理します。
@awesomerobot さん、こんにちは!![]()
先日は、コミュニティの方を解決策(https://forum.webflow.com/)へより効果的に誘導できるよう、新しいホームページをリリースしました。しかし、完全にカスタマイズされたホームページを実現するために、Discourse インスタンスを discourse.webflow.com に切り替える必要がありました。
完全にカスタマイズされたホームページ体験をアップロードする手立てはありますでしょうか?できれば、すべてを同一のサブドメイン内で完結させたいと考えております。ご多忙の折とは存じますが、ご協力いただけますと幸いです!![]()
可能ですが、目的によっては少し複雑になる場合があります。私たちが最もよく採用するアプローチは、テーマ内でデフォルトのカテゴリページのテンプレート(ご質問の場合はサブカテゴリ付きのカテゴリボックス)をオーバーライドし、それをホームページとして設定することです(これは Discourse の管理設定の top_menu で制御されます)。そのテンプレートは https://github.com/discourse/discourse/blob/master/app/assets/javascripts/discourse/app/templates/components/categories-boxes.hbs です。
テンプレートのオーバーライドについては、Developing Discourse Themes & Theme Components の高度なセクションで説明されています。
@awesomerobot さん、本当にありがとうございます!このオプションを検討させていただきます。Kris さんのご回答に心から感謝しています
![]()