🌅 Horizonをご紹介、最新のテーマです

lindsey · 2025 年 7 月 1 日午後 12:32

過去数ヶ月間、私たちは最新のDiscourseテーマである**Horizon**に取り組んできました。本日、その成果を皆様と共有し、コミュニティでHorizonを試していただくことをお知らせできることを嬉しく思います。

このトピックでは、Horizonについて説明し、インストール方法を説明します。

Horizonについて

Horizonは、管理者の追加の労力なしに、コミュニティに優れたユーザーエクスペリエンスを提供する、シンプルで美しいテーマです。この名前は、このテーマがDiscourseを使用できる人々とDiscourseコミュニティの外観について、より広範なビジョンを表現することを願っていることを反映しています。

ライトモード

ダークモード

なぜHorizonを構築したのか？

私たちは、誰でもDiscourseコミュニティを開始し、メンバーと誇りを持って共有できるようにするためにHorizonを構築しました。

Discourse管理者との会話から、コミュニティを開始する上で最も重要な部分の1つは、コミュニティメンバーにとって歓迎され、楽しい空間であることを保証するために外観をカスタマイズすることだと学びました。Horizonを使用すると、追加の労力やカスタマイズなしに、見栄えの良いコミュニティを持つことができます。

Horizonは誰のためか？

Horizonは、Discourseの外観をカスタマイズする専門知識やリソースを持っていないコミュニティのために設計されています。

私たちは、Discourseの柔軟性とカスタマイズ性の高さを誇りに思っており、それは変わりません！しかし、世界中のDiscourseが増えることは良いことだと信じており、そのための最善の方法は、技術に詳しくないコミュニティでも製品をうまく活用できるようにすることだと考えています。

Horizonの特別な点は？

デフォルトが空白のキャンバスであるのに対し、Horizonには意見があります。広々とした、シンプルで、モダンなデザイン美学を重視しています。

違いを確認するには、ここMetaのサイドバーの下部にあるテーマトグルを使用してHorizonに切り替えてください。

Horizonで気づくであろういくつかの違いを以下に示します。

情報密度が低い。 Horizonの最も顕著な機能はトピックカードであり、標準のテーブルビューからスリム化され、より親しみやすくシンプルに感じられます。トピック参加者、タグ、割り当てられたユーザーに関する詳細情報など、特定の情報は表示されません。
より大きなテキストとより多くのスペース。 トピックカードを超えて、Horizonにはより多くのスペースが取り入れられています。読書エリアの基本フォントサイズを大きくし、フル幅の構造を取り入れています。
そのまま使用できるように構築されています。 サイトの外観を広範囲に制御したいコミュニティや、非常に特定のデザイン要件があるコミュニティは、デフォルトテーマをベースに作業を続けるか、ニーズに最適な独自のテーマを作成できます。Horizonを最も人気のある公式テーマコンポーネントでテストし、マイナーな非互換性しか見つかりませんでしたが、Horizonに非公式コンポーネントやその他のカスタムコードを追加することは推奨しません。

Horizonの使用方法

数ステップでメンバーにHorizonを有効にできます。

管理エリアに移動し、外観セクションに移動して、テーマとコンポーネントをクリックします。
Horizonテーマカードを見つけ、**…**ボタンをクリックし、アクティブとして設定を選択して、Horizonをコミュニティの新しいデフォルトテーマにします。（この変更を確認するには、画面を更新する必要がある場合があります。）

オプションで、Horizonとうまく連携するように特別に構築された新しいカラーパレットを有効にできます。

\u003e 注意：Horizonで使用されるパレットを置き換えることはできますが、Clover、Horizon、Lily、Marigold、Royal、Violetという名前のパレットのみがサイドバーのカラーチョイスに表示されます。

カラーパレットの設定方法

管理サイドバーのカラーパレットをクリックします。
希望のカラーパレット（例：Horizon）を選択します。
カラーパレットはユーザーが選択できます設定をチェックし、チェックマークをクリックして確認します。
使用したいパレットごとに、手順2〜3を繰り返します。

更新後、サイドバーの下部にペイントブラシが表示されます。それをクリックして、Horizonの特定のカラーパレットを選択できます（上記のスクリーンショットを参照）。メンバーも同様に、有効にしたパレットの中から選択できます。Horizonの新しいデフォルトパレットを設定するには（つまり、メンバーが変更を行う前や匿名訪問者向けのHorizonの外観）：

管理エリアのテーマとコンポーネントに移動します。
Horizonカードを見つけて編集をクリックします。
カラーパレットフィールドを希望のデフォルトに変更します。

Horizonの今後

始まったばかりです！このテーマの最初のバージョンに懸命に取り組みましたが、Horizonへの投資と改善を継続していく予定です。Horizonを使用しているサイトから積極的にフィードバックを求め、改善を続け、いつかDiscourseサイトにデフォルトで付属するテーマにしたいと考えています。

ありがとうございます

Horizon（およびDiscourseチーム！）をここMetaでHorizonをテストすることや、ベータテストに参加することでサポートしてくださったすべての方々に心より感謝申し上げます。このフィードバックは、バグを見つけ、調整を行い、このテーマでのDiscourseの全体的なエクスペリエンスを向上させる上で非常に貴重でした。皆様の時間、フィードバック、サポートに心より感謝いたします！

hellekin · 2025 年 7 月 1 日午後 12:54

これは素晴らしいですね！ぜひ試してみたいです。

しかし、/admin/customize/themes/1/common/*/edit のようなカスタマイズ用のルートがありません。追加していただけますか？これは、選択したテーマとは別に、特別なヘッダーやその他のカスタマイズを提供するために使用しています。

ありがとうございます！

Moin · 2025 年 7 月 1 日午後 1:02

変更を加えて、それをHorizonテーマに追加する新しいテーマコンポーネントを作成しませんか？

Moin · 2025 年 7 月 1 日午後 1:07

Horizonは翻訳のためにCrowdinに追加されましたか、それとも見逃しましたか？代わりに翻訳を含むプルリクエストを作成しましょうか？

lindsey · 2025 年 7 月 2 日午後 12:12

Horizonは、主にそのまま使用するように構築されているため、直接のカスタマイズや非公式コンポーネントを介したカスタマイズは推奨されません。とはいえ、Horizonについてどのような変更をご希望か、より詳しく知りたいので、テーマに直接組み込む候補として適しているか検討したいと思います。

現在調査中です。追ってご連絡します！

hellekin · 2025 年 7 月 2 日午後 3:57

実際には、フォーラムをFediverseアカウントにリンクするためのヘッダー（およびフッターで同じことを行うための<noscript>タグ）にすぎません。

テーマコンポーネントコードはここにあります：https://git.z7l.eu/ps/discourse-lire.im

Mastodonの根拠を参照してください。

Helga_Razinkova · 2025 年 7 月 3 日午前 7:24

素晴らしいですね！現在のカスタムコンポーネントとの互換性はないと仮定してよろしいでしょうか？例：

Jonathan5 · 2025 年 7 月 3 日午前 11:35

Help us test Horizon, our newest themeでの議論の続きです。

これはモバイル（iPhone 11 Pro Max）では機能しませんでした。おそらく、スマートフォンの設定でフォントサイズを大きくしているためだと思います。

satonotdead · 2025 年 7 月 3 日午後 11:28

このテーマは素晴らしいです。皆様の仕事に感謝いたします。

フォークしたホライズンを更新するにはどうすればよいでしょうか？カスタムの変更を保持したいのです

sam · 2025 年 7 月 4 日午前 2:01

コンポーネントを作成し、カスタマイズのためにテーマに追加する

sam · 2025 年 7 月 4 日午前 2:05

長期的には、公式コンポーネントがすべてHorizonで問題なく動作することを目指しています。カスタムワークをご希望のお客様は、@teamにご連絡いただければ、お手伝いできるか確認いたします（有料のカスタムワークが必要になる場合があります）。

SubStrider · 2025 年 7 月 4 日午前 5:18

このテーマにユーザーが選択可能なオプションを作成したいと考えています。これにより、テーマコンポーネントを追加してテーマを変更できます。
ユーザーがHorizonテーマをそのまま選択するか、そのバリエーションを選択できるようにしたいです。
このテーマのバリエーションはフル幅になります。また、個々の投稿行のCSSをスタイル設定し、スクロールバー、下部にある新規および未読トピックなどの他のページ要素よりもコンテンツを視覚的な階層の上位に引き上げます。
Horizonは非常に素晴らしい見た目ですが、トピックページの情報の密度という問題はまだ解決されていません。他の従来のフォーラムソフトウェアから来た人々にとっては、視覚的に圧倒されるものです。
私のコメントは、ネイティブのDiscourseユーザーには共感できないかもしれませんが、外部からの視点をもたらしています。少なくとも私のコミュニティのためにこれらの変更を行う必要があります。

hellekin · 2025 年 7 月 4 日午後 4:07

グループ表示で、オーバーフローが発生する小さなバグを見つけました。

CSSを追加することで軽減できます。

.group-box-inner {
	overflow: auto;
}

asa · 2025 年 7 月 4 日午後 9:16

ナビゲーションバーとコンテンツの間にこれほど大きなスペースがあるのは意図的なのですか？

NateDhaliwal · 2025 年 7 月 5 日午前 3:54

いいえ、それは想定されていません。何かコンポーネントが干渉しているのでしょうか？

sam · 2025 年 7 月 5 日午前 4:51

今はそうだと思います。これは超広角フルスクリーンブラウザの切り抜きスクリーンショットではないかと思います。

MachineScholar · 2025 年 7 月 5 日午前 8:58

このテーマはとても気に入っていますが、Search Bannerコンポーネントがうまく機能していないようです。search_banner.subheadのテキストが表示されず、位置がずれて見えます。また、薄い灰色の線もあります。

更新：
Search Bannerを無効にしたところ、組み込みのwelcome+searchが見栄えが良くなりました。ただし、下のスクリーンショットにあるサブヘッダーテキストが表示されます。

さらに、ホームページのブックマークリンクは、実際にはブックマークがあるにもかかわらず、ブックマークがないと表示されます。/u/johndoe/activity/bookmarksではなく/bookmarksにリンクしています。

asa · 2025 年 7 月 5 日午前 11:33

確かにワイドスクリーンですが、多くの白い余白が気が散ります。これを調整することは可能でしょうか？

Lilly · 2025 年 7 月 6 日午後 1:40

この件をお知らせいただきありがとうございます。デザインチームの担当者にこの問題を確認するよう依頼しました。

SubStrider · 2025 年 7 月 7 日午前 7:18

ほぼ1か月前に報告しましたが…

トピック		返信	表示
Horizon Theme Theme official , horizon-theme	41	3855	2025 年 10 月 25 日
Help us test Horizon, our newest theme Announcements horizon-theme	62	2181	2025 年 7 月 1 日
Pyx's Modern Theme Theme	35	2692	2025 年 12 月 3 日
Coming soon to Meta :new_moon: DARKNESS :new_moon: UX	78	18014	2017 年 5 月 6 日
A reddit-ish theme for Discourse Theme	111	13582	2025 年 11 月 21 日