Horizonテーマのカテゴリ画像

こんにちは。昨日、Horizonテーマのトピックに投稿しましたが、あまり監視されていないようです。

要するに、アップロードされた画像を表示するためのコードが少し不足していると思います。開発者ツールや設定でしばらく調べましたが、見つかりませんでした。どなたか助けていただけると幸いです。

よろしくお願いします。


<span class="badge-category__wrapper " style="--category-badge-color: #82c14a;--category-badge-text-color: #FFFFFF;">
<span data-category-id="5" data-drop-close="true" class="badge-category restricted --style-square" title="OPDC Core Materials カテゴリでは、Geoff's Online Permaculture Design Course に関するディスカッション、FAQ、および関連リソースをホストします。">
<svg class="fa d-icon d-icon-category.restricted svg-icon svg-string" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
<use href="#lock">
</use>
</svg>
<span class="badge-category__name">OPDC Core Materials</span>
</span>
</span>

ここのスタイルは次のとおりです。


<span class="badge-category__wrapper " style="--category-badge-color: #82c14a;--category-badge-text-color: #FFFFFF;">

したがって、style= には「category-image」オプションも必要だと思います。CSS で実現できるかもしれませんが、テーマ/設定内で切り替えられるはずです。

コーディングは得意ではないので的外れかもしれませんが、これは提供されたコンポーネント入門ドキュメントとガイドに基づいています(ありがとうございます!)。

誰かいますか?投稿してスレッドを上げます。

サブカテゴリの画像でも同様の問題が発生しています。画像はアップロードされ、メインコンテナの上部にカテゴリまたはサブカテゴリにロードすると明確に表示されます。しかし、ホームページからはカテゴリの画像が表示されず、カテゴリビューからはサブカテゴリの画像が表示されません。

以下に示します。

ホームページ:

カテゴリビュー:

サブカテゴリビュー:

「いいね!」 1

@chapoi Horizonテーマに深く関わっていたようですが、上記の問題について何か情報をお持ちですか?

こんにちは、スタッフメンバーにpingしないように注意してください。ありがとう!

「いいね!」 1

では、上記の件についてお手伝いいただけますか?コミュニティには回答がないようですので、このテーマ開発に関わっているスタッフの方に10日以上ぶりに連絡しました。次に何をすればよいでしょうか?

ニックさん、こんにちは!この件についてチームからの連絡が途絶えてしまい、申し訳ありません。毎年恒例の世界中からの集まりに参加しており、帰ってきてからまだ事務処理に追われています。

できるだけ早くご質問への回答をいたします。

このテーマの作成には関与していませんが、よりシンプルなものにする意図があったことは承知しています。そのため、カテゴリ画像がホームページに表示されないようになっている可能性もあります。しかし、表示されると便利であることは理解できます!

「いいね!」 1

トビアスさん、ありがとうございます。心配いりません!チームの皆さんが休暇を楽しめたとのこと、本当によく頑張りましたね。確認はごゆっくりどうぞ。スタッフの誰かがそれを見たことがあると聞いてよかったです :slight_smile:

「いいね!」 1

上記がここでの正しい答えである可能性が最も高いです。

これはトピックリストに表示されることはありません。なぜなら、それはHorizonの完全にカスタムコンポーネントであり、カスタマイズを考慮しないからです。それはすぐには変更されません。

しかし、カテゴリホームページビューには表示されると予想していましたが、確認してみます。そこで何を決めたのか覚えていません。おそらく、それも省略したのかもしれません。

ご返信いただき、また、この件について調べていただきありがとうございます。

トピックリストには表示されないと思いますが、カテゴリホームページ表示や、サブカテゴリのカテゴリ表示にも表示されると考えていました。カテゴリ画像がアップロードされた際に、テーマのアクセントカラーの小さな四角に取って代わるものだと思っていました。最初は、ライトテーマの画像しかアップロードしなかったからだと思いましたが、ダークテーマの画像も追加しましたが、やはり表示されませんでした。

お時間を割いてご確認いただき、感謝いたします。

「いいね!」 1

こんにちは、@Nick-Permaculture さん

お待ちいただきありがとうございます。

これらのカテゴリロゴは、Horizon で採用している方向性に合わないため、省略しました。代わりに、以下のような新しいアイコン/絵文字オプションに注力したいと考えています。

そのため、残念ながらテーマ自体を調整することはできません。

ただし、このカスタムスニペットをサイトに追加すると、カテゴリロゴのボックスが置き換わるはずです。

.category-box:has(.category-logo .aspect-image) {
  .category-logo {
    display: block;

    .aspect-image img {
      margin-left: 0;
    }
  }

  .category-box-heading .badge-category.--style-square::before {
    display: none;
  }
}
「いいね!」 3

チャーリーさん、大変助かりました。また、ご尽力いただきありがとうございます。カスタムCSSが機能し、アップロードされたカテゴリ画像がすべてのページに表示されることを確認したかっただけです。重ねてお礼申し上げます!

「いいね!」 1

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.