それは最近コアにマージされませんでしたか?
基本的な形式があります。コンポーネントの名前が「Advanced Search Banner」に変更されたようです。
Airテーマがコンポーネントを使用しているのか、コアを使用しているのかは不明です。ライト/ダークトグルオプションも同様にコアにマージされました。
コンポーネントとコアのアップデートに関する詳細は以下の通りです。
Airテーマは、バナーの変更やサイト設定でのバナー有効化の手順に何らかのアップデートが必要になるため、コンポーネントを引き続き使用していると想像します。
うまくいきました。ありがとうございます。サブヘッダーを削除し、H1のフォントサイズを64pxにしました。これを小さくするにはどうすればよいですか?
GitHubリンクの一般的なCSSを見ていました。要素の特定に少し苦労しています。
しかし、要素を特定できれば、カスタムコンポーネントを作成し、次のようなものを使用できます。
font-size: 44px !important;
バナーのH1サイズをオーバーライドします。
私よりもCSSの知識が豊富であれば、要素の特定がより簡単になるかもしれません。モバイルでブラウザのインスペクト要素を使用していますが、デスクトップブラウザのインスペクト要素ほど良くはありません。そこでサイズを変更してテストできます。
また、「高度な検索バナー」トピックでH1サイズを変更する方法を質問すると、それを達成する方法についてのガイダンスを得られるかもしれません。
これはテストしていませんが、試してみてください。新しい Theme component を作成します。
CSS Common を編集して、このコードを追加してください。GitHub の Air Theme のソースを見ていました。
// カスタム検索バナーのカスタマイズ
.custom-search-banner-wrap {
h1 {
Font-size: 44px !important;
}
}
Air Theme の Common CSS の最初のセクションには、顧客バナーの変更が含まれています。そのため、上記のコードのガイドとしてそれを使用できました。
サブカテゴリーのドロップダウンメニュー以外の場所に表示する方法がわかりません。概要ページに表示させる方法はありますか?
こんにちは、
トピックの要約の文字数を減らしたいのですが、
パラメータが見つかりません。
よろしくお願いします。
件名: カテゴリホームページのエアテーマに関する問題(管理者と非管理者の表示の違い)
こんにちは
Discourseフォーラムでエアテーマを使用しています。フォーラムのデフォルトホームページはカテゴリを表示するように設定されています。このテーマに関して、特にモバイルビューでいくつかの表示上の問題に遭遇しました。具体的には、ユーザーが管理者か通常のユーザーかによって、レイアウトと機能が異なります。
具体的な問題点は以下の通りです。
- 管理者向けのビュー切り替えボタンの欠落: 管理者としてログインすると、ホームページで「カテゴリ」、「最新」、「ホット」ビューを切り替えるためのボタンやコントロールが表示されません。カテゴリビューは表示されますが、このページから他のビューに簡単に移動できません。
- 非管理者向けのビュー切り替えボタンの非表示/空白(カテゴリビュー): 非管理者ユーザーとしてログインすると、検索バーの下にボタンが表示され、ビューを切り替えるためのものと思われます。しかし、フォーラムがデフォルトの「カテゴリ」ビューの場合、このボタンは、その機能(例:「最新」、「ホット」)を示すテキストラベルのない、大きくて空の長方形として表示されます。これにより、ユーザーは混乱します。この問題は、非管理者にとってホームページがすでに「最新」または「ホット」に設定されている場合には発生しません。ボタンは正しく「カテゴリ」に戻るためのテキストを表示します。
- カテゴリボックスの幅の違い(管理者と非管理者): カテゴリ名と説明の表示ボックスは、非管理者ユーザーの場合と比較して、管理者として表示される場合に幅が狭くなります。これは、カテゴリリストのレイアウトと表示に影響します。
これらの問題を説明するスクリーンショットを添付しました(画像の無関係な部分はぼかしたり削除したりしています)。
デフォルトのホームページがカテゴリに設定されている場合に、エアテーマで同様の問題を経験した方はいらっしゃいますか? 何か洞察や、CSSによる修正の可能性があれば、大いに感謝いたします。
よろしくお願いします!
Air Themeの空のボックスを確認できます。ただし、管理者でも表示されます。
Modernカテゴリグループコンポーネントではなく、Air Theme自体にあるようです。
これについては、#bugカテゴリに#air-themeタグと、おそらく#ux::tagタグを追加してトピックを作成する必要があります。
Air Themeのコピーであるテーマがあるので、コードの変更点を見つけられるか確認しますが、まだ初心者です。
モバイルCSSのこの行が関係しているかもしれません。GitHubでは、この行は次のようになっています。
.navigation-categories .navigation-container,
.categories-list .navigation-container {
border-bottom: 0 !important;
}
前述のように、カスタムテーマを作成するためにairテーマのCSSをコピーしました。これはその行の元のコードで、「px」が欠落していることに注意してください。
.navigation-categories .navigation-container,
.categories-list .navigation-container {
border-bottom: 0px !important;
}
テストはしていません。ただし、カスタムコンポーネントを作成し、上記のコードをモバイルCSSに貼り付けます。保存して、airテーマでコンポーネントを有効にします。
残念ながら、テストしたところ、問題は解決しませんでした。pxは指定しない場合、デフォルトである必要があります。
@Northern さん、@qingfeng1024 さんに同意します。こんなに素敵にカスタマイズする方法のチュートリアルがあれば、本当に価値があると思います。
モバイルでは、トピックが十分に広くありません。サイドのパディングを削除する簡単なCSS修正はありますか?Horizonテーマは、モバイルでそのパディングをより良く処理しています。
「ツール」「情報」「リソース」のドロップダウンがある部分を取得するにはどうすればよいですか?
おそらく、
を使用していると思われますが、こちらも参照できます。
管理画面(幅広)とホーム画面(幅狭)で幅が異なるのですが、カスタムコンポーネントやCSSは一切使用していません。
同じ幅にすることは可能でしょうか?幅広の方が好みです。
エラーが発生しました: テーマのスクリーンショットは、.jpg、.jpeg、.gif、.pngのいずれかの形式である必要があります。スクリーンショット light.webp の形式が無効です。
最新版に更新しようとしたときのエラーです。
@REALITY様、サイトを最新バージョンに更新していないようです。最新バージョンには更新されたリストが含まれています。
念のため確認ですが、Air Themeを最新版に更新しようとしていますか?


