エアテーマ

Discourse · 2021 年 7 月 20 日午後 8:24

||||\n-|-|-|\n:discourse2: | 概要 | Air Theme は、フォーラムを強化するためのテーマコンポーネントがいくつか含まれた、クリーンでモダンなテーマです！\n| | プレビュー | Discourse Theme Creatorでプレビュー\n:hammer_and_wrench: | リポジトリリンク | \u003chttps://github.com/discourse/discourse-air\u003e\n:open_book: |Discourseテーマは初めてですか？ | Discourseテーマ使用の初心者ガイド\n\n[wrap=theme-install-button repoUrl="https://github.com/discourse/discourse-air\" repoName="Air Theme"]\nこのテーマをインストール\n[/wrap]\n\n### 特徴\n\nライトモード\n

\n\nダークモード\n\n\nカテゴリーページ\n\n\nこのテーマには、フォーラムを強化するためのコンポーネントもいくつか含まれています。\n- クリック可能なトピック\n- モダンなカテゴリーとグループのボックス\n\n\u003e

このテーマが正しくレンダリングされるためには、有効にする必要のある設定がいくつかあるため、インストール時にこれらのヒントを必ずお読みください。\n\n—\n# ヒント\n### ダーク・ライトスキーム切り替え\n\n\nこれを正しく機能させるには、https://discourse.jordanvidrine.com/admin/customize/colors の領域で少なくとも2つのカラースキームの選択肢が有効になっている必要があります。少なくとも2つの色で color scheme can be selected by users が有効になっている必要があります。\n\n\n\nこれが完了すると、ユーザーはユーザー設定インターフェースメニューで、light と dark の設定として2つのカラースキームを選択できるようになります。\n\n\n\n___\n## ウェルカムバナー\n\n管理 \u003e ウェルカムバナー (/admin/config/welcome-banner) ページに移動します。\n\n- Enabled on themes… ドロップダウンで Air Theme を選択します\n- Location ドロップダウンで Below site header を選択します\n___\n## モダンなカテゴリーとグループのボックス\nこのテーマコンポーネントを使用するには、/admin/site_settings/category/all_results?filter=categories エリアで、カテゴリーが CATEGORY BOXES WITH SUBCATEGORIES 設定を使用している必要があります。\n\n\n\nこのテーマコンポーネントにより、フォーラム管理者はヘッダータイトルを使用してカテゴリーページを整理し、各ヘッダーの下に表示するカテゴリーを選択することもできます。シンプルにするために、使用できる見出しは最大5つまでに制限しました。カテゴリーと見出しの設定が選択されていない場合、すべてのカテゴリーは上記のようにレンダリングされます。これがデフォルトのレンダリングオプションです。\n\n\u003e:discourse2: ホスティングをご利用ですか？ テーマは、Standard、Business、Enterpriseプランでご利用いただけます。

Don · 2021 年 7 月 20 日午後 8:48

That is just amazing Jordan! I love it!

th21 · 2021 年 7 月 20 日午後 11:01

It will be helpful if the welcome message can be hide when left locale field empty

oshyan · 2021 年 7 月 21 日午前 12:36

Oh wow, this looks really nice! Thank you for the share.

itsbhanusharma · 2021 年 7 月 21 日午前 2:40

This theme gives discourse the modern look it deserves. Very well done @jordan.vidrine

Ahmed_Gagan · 2021 年 7 月 21 日午前 4:19

Theme looks amazing. Awesome work

thegurjyot · 2021 年 7 月 21 日午前 5:09

This theme looks so amazing. Hope we can get this category page design as a separate component as well. It is looking way better this way.

frold · 2021 年 7 月 21 日午後 1:53

Thanks it is nice…

First time I install a new theme. I really like this one!!

Jeremie_Leroy · 2021 年 8 月 3 日午後 3:24

Hi @jordan-vidrine regarding the # of views column, what kind of code shall i add in the component to override that column being hidden ?

jordan.vidrine · 2021 年 8 月 3 日午後 3:54

I believe this should work:

.full-width .contents .topic-list thead th.posts {
width: 10%;
}

.full-width .contents .topic-list thead th.activity {
width: 10%;
order: 4;
}

th.num.views {
width: 10%;
order: 3;
display: block;
}

.full-width .contents .topic-list tbody tr:not(.topic-list-item-separator) td.posts {
width: 10%;
order: 2;
}

.topic-list .views {
width: 10%;
order: 3;
}

.full-width .contents .topic-list tbody tr:not(.topic-list-item-separator) td.age {
width: 10%;
order: 4;
}

ggurbet · 2021 年 8 月 25 日午後 2:12

Refreshingly beautiful. Great work @jordan.vidrine!

ShubhayanS · 2022 年 1 月 17 日午前 12:39

ヘッダーテキスト「Welcome to the forum」を変更する可能性はありますか？

jordan.vidrine · 2022 年 1 月 17 日午後 3:04

はい、これは Discourse Search Banner コンポーネントで編集できます

Jerdeman · 2022 年 1 月 17 日午後 3:34

しばらく前に、モバイル表示でカテゴリが表示されないという問題を投稿しました（Air Theme - #172

詳細
Bitnamiのhelm chartの助けを借りて、kubernetes上にDiscourse 2.7.11のクリーンインストールを使用し、最初の投稿で述べられているように最新バージョンのテーマをインストールおよび設定しましたが、モバイル表示ではカテゴリが表示されず、最新ページではスタイリングが崩れています。

試したこと
クリーンインストールを使用することに加えて、テーマの古いバージョンもいくつか試しました。しかし、問題は残ったままでしたが、すべてのバージョンを網羅的に試したわけではありません。
また、私たちのインスタンスのHTMLとdiscourse.jordanvidrine.com のHTMLを比較したところ、大幅に異なっていることに気づきました。

直感
「ベータ」バージョンを使用できないため、この問題はテーマまたはそのプラグインのいずれかとDiscourse 2.7との互換性の問題であると直感的に感じています。このテーマが2.7で動作している人がいれば、そのテーマと関連プラグインのどのバージョンを使用しているか教えていただけると嬉しいです。

質問
誰かがこのテーマを2.7で動作させていますか、またはこれを動作させるために何ができるかについてのヒントはありますか？

Hyeonji_Kim · 2022 年 1 月 23 日午前 8:15

こんにちは。まず、この素晴らしいテーマをありがとうございます

フォントファミリーを変更したいのですが、どうすればよいでしょうか。

以下を試しました

このテーマをダウンロードしました Google Fonts 、そして SITE SETTING のフォント設定を変更しました – > 動作しませんでした
@import{web font link ~~~ } コードを Desktop.css、mobile.css に追加しました → 動作しませんでした

フォントを変更するには、どのファイルを編集すればよいですか???

jordan.vidrine · 2022 年 1 月 24 日午後 3:35

コンポーネントなしでカスタムフォントを設定できるはずです。admin/site_settings/category/all_results?filter=font

さらにカスタマイズしたい場合は、リンクしたGoogleフォントのテーマコンポーネントが機能するはずです。ただし、テーマはサイト設定ではなくtheme-settingsを使用していると思われます。

そのフォントコンポーネントのトピックでこの問題を取り上げましたか？

hequaye · 2022 年 1 月 26 日午前 5:24

皆さん、モバイルで背景色のサイズと「固定された性質」を変更するのを手伝ってもらえませんか？

私の側では、モバイル用のCSSは透明になっています。そして、背景色の固定背景を変更するためのガイダンスが少し必要です。

私の認識が正しければ、ヘッダーの背景とページの背景がありますよね？

jordan.vidrine · 2022 年 1 月 26 日午後 4:04

これは、テーマとそのコンポーネントがサイトのセットアップ方法にかなりうるさいためです。

OPで共有した内容は次のとおりです。

jordan-vidrine:

カテゴリとグループボックスをモダンにする

このテーマコンポーネントでは、/admin/site_settings/category/all_results?filter=categories エリアで サブカテゴリ付きカテゴリボックス 設定を使用する必要があります。

image1372×128 16.3 KB

このテーマコンポーネントにより、フォーラム管理者はヘッダータイトルでカテゴリページを整理し、各ヘッダーの下に表示されるカテゴリを選択できます。シンプルにするために、最大5つの見出しのみを許可しました。カテゴリと見出しの設定が選択されていない場合、すべてのカテゴリは上記のようにレンダリングされます。これがデフォルトのレンダリングオプションです。

Nerd_Alert · 2022 年 1 月 31 日午後 2:31

背景を画像にすることはできますか？色よりも画像を使いたいのですが。

body {
    background-image: url("ここに画像URL");
    background-color: #cccccc;
}

これを使うと、色の部分の上部が画像になりますが、下部は画像になりません。

jordan.vidrine · 2022 年 1 月 31 日午後 3:02

画像を追加したのは問題ありませんが、オーバーレイ効果を生み出すために作成されたクリッピングパスも削除する必要があります。

html .background-container {
clip-path: unset;
}

トピック		返信	表示
Battle Axe - A free theme by the Tappara.co hockey community Theme	56	15410	2025 年 12 月 21 日
Discourse Category Headers theme component Theme component	186	17215	2026 年 2 月 27 日
A reddit-ish theme for Discourse Theme	111	14385	2025 年 11 月 21 日
FKB Pro - Social theme Theme	465	29613	2026 年 2 月 2 日
Mint Theme Theme official , mint-theme	66	26978	2025 年 12 月 8 日

エアテーマ

関連トピック