エアテーマ

||||\n-|-|-|\n:discourse2: | 概要 | Air Theme は、フォーラムを強化するためのテーマコンポーネントがいくつか含まれた、クリーンでモダンなテーマです!\n| :eyeglasses: | プレビュー | 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[quote]\n\n:discourse2: これはDiscourseチームによって維持されている#officialテーマであるため、#supportに関する問題、#bugの報告、#uxの提案、および#devに関するアドバイスのリクエストは、Metaの該当するカテゴリで行い、適切なテーマタグを付けてください。開始するには、以下のリンクのいずれかをクリックしてください。:+1: \n\n\u003ckbd\u003e [:question:\u0026nbsp;サポート](https://meta.discourse.org/new-topic?category_id=6\u0026tags=air-theme "Airテーマの設定と使用に関するサポートを求める") \u003c/kbd\u003e \u003ckbd\u003e [:bug:\u0026nbsp;バグ](https://meta.discourse.org/new-topic?category_id=1\u0026tags=air-theme "バグ報告は、テーマの通常/典型的な使用を妨げる何かが壊れていることを意味します") \u003c/kbd\u003e \u003ckbd\u003e [:eyes:\u0026nbsp;UX](https://meta.discourse.org/new-topic?category_id=9\u0026tags=air-theme "Airテーマのユーザーインターフェース、および機能の表示方法(言語やUI要素を含む)に関するディスカッション") \u003c/kbd\u003e \u003ckbd\u003e [:artist:\u0026nbsp;開発](https://meta.discourse.org/new-topic?category_id=7\u0026tags=air-theme "このテーマをサイトに合わせてカスタマイズする方法に関するアドバイス")\u003c/kbd\u003e\n\n[/quote]\n\n\n### 特徴\n\nライトモード\nLight Mode\n\nダークモード\nDark Mode\n\nカテゴリページ\nCategories Page\n\nこのテーマには、フォーラムを強化するためのコンポーネントもいくつか含まれています。\n- クリック可能なトピック\n- モダンなカテゴリとグループのボックス\n\n\u003e :exclamation: このテーマが正しくレンダリングされるように、インストール時に有効にする必要のある設定がいくつかあるため、これらのヒントを読んでください。\n\n— \n# ヒント\n### ダーク/ライトスキーム切り替え\nDark Light Scheme Toggle\n\nこれが正しく機能するためには、https://discourse.jordanvidrine.com/admin/customize/colors の領域で少なくとも2つのカラーカラースキームが有効になっている必要があります。少なくとも2つのカラーに color scheme can be selected by users が有効になっている必要があります。\n\nimage\n\nこれが完了すると、ユーザーはユーザー設定インターフェースメニューでlightdarkの環境設定として2つのカラースキームを選択できるようになります。\n\ncolor schemes\n\n___\n## ウェルカムバナー\n\n管理 > ウェルカムバナー (/admin/config/welcome-banner) ページに移動します。\n\n- 有効なテーマ… ドロップダウンで Air Theme を選択\n- 場所 ドロップダウンで サイトヘッダーの下 を選択\n___\n## モダンなカテゴリとグループのボックス\nこのテーマコンポーネントは、/admin/site_settings/category/all_results?filter=categories エリアで、カテゴリが サブカテゴリ付きのカテゴリボックス 設定を使用することを要求します。\n\nmodern category + group boxes\n\nこのテーマコンポーネントにより、フォーラム管理者はヘッダータイトルでカテゴリページを整理し、各ヘッダーの下に表示するカテゴリを選択することもできます。シンプルにするために、使用できる見出しは最大5つまでとしています。カテゴリと見出しの設定が選択されていない場合、すべてのカテゴリは上記のようにレンダリングされます。これがデフォルトのレンダリングオプションです。\n\n\u003e:discourse2: ホストされていますか? テーマは、Standard、Business、Enterpriseプランで利用できます。

「いいね!」 137

That is just amazing Jordan! :heart_eyes: I love it!

「いいね!」 17

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

「いいね!」 7

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

「いいね!」 9

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

「いいね!」 13

Theme looks amazing. Awesome work :heart_eyes:

「いいね!」 5

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. :heart:

「いいね!」 8

Thanks it is nice…

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

「いいね!」 8

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

「いいね!」 3

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;
}
「いいね!」 6

Refreshingly beautiful. Great work @jordan.vidrine!

「いいね!」 4

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

「いいね!」 4

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

「いいね!」 3

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

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

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

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

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

「いいね!」 2

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

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

以下を試しました :point_down:

  • このテーマをダウンロードしました Google Fonts 、そして SITE SETTING のフォント設定を変更しました – > 動作しませんでした

  • @import{web font link ~~~ } コードを Desktop.css、mobile.css に追加しました → 動作しませんでした

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

「いいね!」 3

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

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

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

「いいね!」 4

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

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

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

「いいね!」 3

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

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

「いいね!」 6

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

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

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

「いいね!」 4

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

html .background-container {
clip-path: unset;
}
「いいね!」 5