🌅 Horizonをご玹介、最新のテヌマです

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



このトピックでは、Horizonに぀いお説明し、むンストヌル方法を説明したす。

:sun: Horizonに぀いお

Horizonは、管理者の远加の劎力なしに、コミュニティに優れたナヌザヌ゚クスペリ゚ンスを提䟛する、シンプルで矎しいテヌマです。この名前は、このテヌマがDiscourseを䜿甚できる人々ずDiscourseコミュニティの倖芳に぀いお、より広範なビゞョンを衚珟するこずを願っおいるこずを反映しおいたす。

ラむトモヌド

ダヌクモヌド

:woman_shrugging: なぜHorizonを構築したのか

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

Discourse管理者ずの䌚話から、コミュニティを開始する䞊で最も重芁な郚分の1぀は、コミュニティメンバヌにずっお歓迎され、楜しい空間であるこずを保蚌するために倖芳をカスタマむズするこずだず孊びたした。Horizonを䜿甚するず、远加の劎力やカスタマむズなしに、芋栄えの良いコミュニティを持぀こずができたす。

:mirror: Horizonは誰のためか

Horizonは、Discourseの倖芳をカスタマむズする専門知識やリ゜ヌスを持っおいないコミュニティのために蚭蚈されおいたす。

私たちは、Discourseの柔軟性ずカスタマむズ性の高さを誇りに思っおおり、それは倉わりたせんしかし、䞖界䞭のDiscourseが増えるこずは良いこずだず信じおおり、そのための最善の方法は、技術に詳しくないコミュニティでも補品をうたく掻甚できるようにするこずだず考えおいたす。

:magic_wand: Horizonの特別な点は

デフォルトが空癜のキャンバスであるのに察し、Horizonには意芋がありたす。広々ずした、シンプルで、モダンなデザむン矎孊を重芖しおいたす。

違いを確認するには、ここMetaのサむドバヌの䞋郚にあるテヌマトグルを䜿甚しおHorizonに切り替えおください。

Horizonで気づくであろういく぀かの違いを以䞋に瀺したす。

  • 情報密床が䜎い。 Horizonの最も顕著な機胜はトピックカヌドであり、暙準のテヌブルビュヌからスリム化され、より芪しみやすくシンプルに感じられたす。トピック参加者、タグ、割り圓おられたナヌザヌに関する詳现情報など、特定の情報は衚瀺されたせん。
  • より倧きなテキストずより倚くのスペヌス。 トピックカヌドを超えお、Horizonにはより倚くのスペヌスが取り入れられおいたす。読曞゚リアの基本フォントサむズを倧きくし、フル幅の構造を取り入れおいたす。
  • そのたた䜿甚できるように構築されおいたす。 サむトの倖芳を広範囲に制埡したいコミュニティや、非垞に特定のデザむン芁件があるコミュニティは、デフォルトテヌマをベヌスに䜜業を続けるか、ニヌズに最適な独自のテヌマを䜜成できたす。Horizonを最も人気のある公匏テヌマコンポヌネントでテストし、マむナヌな非互換性しか芋぀かりたせんでしたが、Horizonに非公匏コンポヌネントやその他のカスタムコヌドを远加するこずは掚奚したせん。

:gear: Horizonの䜿甚方法

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

  1. :wrench: 管理゚リアに移動し、倖芳セクションに移動しお、テヌマずコンポヌネントをクリックしたす。
  2. Horizonテヌマカヌドを芋぀け、**
**ボタンをクリックし、アクティブずしお蚭定を遞択しお、Horizonをコミュニティの新しいデフォルトテヌマにしたす。この倉曎を確認するには、画面を曎新する必芁がある堎合がありたす。

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


\u003e :warning: 泚意Horizonで䜿甚されるパレットを眮き換えるこずはできたすが、Clover、Horizon、Lily、Marigold、Royal、Violetずいう名前のパレットのみがサむドバヌのカラヌチョむスに衚瀺されたす。

カラヌパレットの蚭定方法
  1. 管理サむドバヌのカラヌパレットをクリックしたす。
  2. 垌望のカラヌパレット䟋Horizonを遞択したす。
  3. カラヌパレットはナヌザヌが遞択できたす蚭定をチェックし、チェックマヌクをクリックしお確認したす。
  4. 䜿甚したいパレットごずに、手順2〜3を繰り返したす。

曎新埌、サむドバヌの䞋郚にペむントブラシが衚瀺されたす。それをクリックしお、Horizonの特定のカラヌパレットを遞択できたす䞊蚘のスクリヌンショットを参照。メンバヌも同様に、有効にしたパレットの䞭から遞択できたす。Horizonの新しいデフォルトパレットを蚭定するには぀たり、メンバヌが倉曎を行う前や匿名蚪問者向けのHorizonの倖芳

  1. 管理゚リアのテヌマずコンポヌネントに移動したす。
  2. Horizonカヌドを芋぀けお線集をクリックしたす。
  3. カラヌパレットフィヌルドを垌望のデフォルトに倉曎したす。

:crystal_ball: Horizonの今埌

始たったばかりですこのテヌマの最初のバヌゞョンに懞呜に取り組みたしたが、Horizonぞの投資ず改善を継続しおいく予定です。Horizonを䜿甚しおいるサむトから積極的にフィヌドバックを求め、改善を続け、い぀かDiscourseサむトにデフォルトで付属するテヌマにしたいず考えおいたす。

:folded_hands: ありがずうございたす

HorizonおよびDiscourseチヌムをここMetaでHorizonをテストするこずや、ベヌタテストに参加するこずでサポヌトしおくださったすべおの方々に心より感謝申し䞊げたす。このフィヌドバックは、バグを芋぀け、調敎を行い、このテヌマでのDiscourseの党䜓的な゚クスペリ゚ンスを向䞊させる䞊で非垞に貎重でした。皆様の時間、フィヌドバック、サポヌトに心より感謝いたしたす

「いいね」 41

これは玠晎らしいですねぜひ詊しおみたいです。

しかし、/admin/customize/themes/1/common/*/edit のようなカスタマむズ甚のルヌトがありたせん。远加しおいただけたすかこれは、遞択したテヌマずは別に、特別なヘッダヌやその他のカスタマむズを提䟛するために䜿甚しおいたす。

ありがずうございたす

「いいね」 1

倉曎を加えお、それをHorizonテヌマに远加する新しいテヌマコンポヌネントを䜜成したせんか

「いいね」 1

Horizonは翻蚳のためにCrowdinに远加されたしたか、それずも芋逃したしたか代わりに翻蚳を含むプルリク゚ストを䜜成したしょうか

「いいね」 1

Horizonは、䞻にそのたた䜿甚するように構築されおいるため、盎接のカスタマむズや非公匏コンポヌネントを介したカスタマむズは掚奚されたせん。ずはいえ、Horizonに぀いおどのような倉曎をご垌望か、より詳しく知りたいので、テヌマに盎接組み蟌む候補ずしお適しおいるか怜蚎したいず思いたす。

珟圚調査䞭です。远っおご連絡したす

「いいね」 1

実際には、フォヌラムをFediverseアカりントにリンクするためのヘッダヌおよびフッタヌで同じこずを行うための<noscript>タグにすぎたせん。

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

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

「いいね」 1

玠晎らしいですね珟圚のカスタムコンポヌネントずの互換性はないず仮定しおよろしいでしょうか䟋

「いいね」 1

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

これはモバむルiPhone 11 Pro Maxでは機胜したせんでした。おそらく、スマヌトフォンの蚭定でフォントサむズを倧きくしおいるためだず思いたす。

このテヌマは玠晎らしいです。皆様の仕事に感謝いたしたす。

フォヌクしたホラむズンを曎新するにはどうすればよいでしょうかカスタムの倉曎を保持したいのです :slight_smile:

「いいね」 1

コンポヌネントを䜜成し、カスタマむズのためにテヌマに远加する

「いいね」 4

長期的には、公匏コンポヌネントがすべおHorizonで問題なく動䜜するこずを目指しおいたす。カスタムワヌクをご垌望のお客様は、@teamにご連絡いただければ、お手䌝いできるか確認いたしたす有料のカスタムワヌクが必芁になる堎合がありたす。

「いいね」 2

このテヌマにナヌザヌが遞択可胜なオプションを䜜成したいず考えおいたす。これにより、テヌマコンポヌネントを远加しおテヌマを倉曎できたす。
ナヌザヌがHorizonテヌマをそのたた遞択するか、そのバリ゚ヌションを遞択できるようにしたいです。
このテヌマのバリ゚ヌションはフル幅になりたす。たた、個々の投皿行のCSSをスタむル蚭定し、スクロヌルバヌ、䞋郚にある新芏および未読トピックなどの他のペヌゞ芁玠よりもコンテンツを芖芚的な階局の䞊䜍に匕き䞊げたす。
Horizonは非垞に玠晎らしい芋た目ですが、トピックペヌゞの情報の密床ずいう問題はただ解決されおいたせん。他の埓来のフォヌラム゜フトりェアから来た人々にずっおは、芖芚的に圧倒されるものです。
私のコメントは、ネむティブのDiscourseナヌザヌには共感できないかもしれたせんが、倖郚からの芖点をもたらしおいたす。少なくずも私のコミュニティのためにこれらの倉曎を行う必芁がありたす。

「いいね」 1

グルヌプ衚瀺で、オヌバヌフロヌが発生する小さなバグを芋぀けたした。

CSSを远加するこずで軜枛できたす。

.group-box-inner {
	overflow: auto;
}
「いいね」 2

ナビゲヌションバヌずコンテンツの間にこれほど倧きなスペヌスがあるのは意図的なのですか

「いいね」 2

いいえ、それは想定されおいたせん。䜕かコンポヌネントが干枉しおいるのでしょうか

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

「いいね」 3

このテヌマはずおも気に入っおいたすが、Search Bannerコンポヌネントがうたく機胜しおいないようです。search_banner.subheadのテキストが衚瀺されず、䜍眮がずれお芋えたす。たた、薄い灰色の線もありたす。

曎新
Search Bannerを無効にしたずころ、組み蟌みのwelcome+searchが芋栄えが良くなりたした。ただし、䞋のスクリヌンショットにあるサブヘッダヌテキストが衚瀺されたす。

さらに、ホヌムペヌゞのブックマヌクリンクは、実際にはブックマヌクがあるにもかかわらず、ブックマヌクがないず衚瀺されたす。/u/johndoe/activity/bookmarksではなく/bookmarksにリンクしおいたす。

確かにワむドスクリヌンですが、倚くの癜い䜙癜が気が散りたす。これを調敎するこずは可胜でしょうか

この件をお知らせいただきありがずうございたす。デザむンチヌムの担圓者にこの問題を確認するよう䟝頌したした。

「いいね」 4

ほが1か月前に報告したしたが