注目のカテゴリヘッダー

どうもありがとうございます

「いいね!」 1

3件の投稿が新しいトピックに分割されました:アップデート後に製品アイコンがずれる

コンポーネントを更新・リファクタリングしました。ユースケースは同じですが、技術的には新しいコンポーネントです。

既にコンポーネントがインストールされていて新しいバージョンに変更したい場合は、説明にある新しいリポジトリから再インストールする必要があります。HTMLテンプレートが異なるため、スタイル宣言も調整する必要があります。

前のバージョンはそのままリポジトリに残ります。前の説明を読むには、これらの詳細を展開してください。

このテーマコンポーネントは、カテゴリのロゴと名前のみを表示する、特集カテゴリの行をヘッダーバナーとして追加します。そのため、特集したい各カテゴリにロゴを設定する必要があります。

コンポーネントの設定でカテゴリを選択できます。また、そこで見た目を変更するためのスタイル宣言もいくつか追加しました。

これにより、いくつかの異なる基本的なスタイルを簡単に取得できます。

より多くのカスタマイズを行うには、クラスは次のようになります。

html.categories-header{
  .below-site-header-outlet.categories-header {
    .wrap {
      .categories-header-item {
        [各アイテムのリンク、ロゴ、名前...]
      }
    }
  }
}

リポジトリ: GitHub - nolosb/discourse-categories-header

「いいね!」 6