Discourse の最新バージョンへのアップデートで問題が発生した方はいらっしゃいますか？すべてのカテゴリサムネイルが歪んでいます。ホームページのみカスタマイズしましたが、カテゴリページでもすべて歪んでいます。
これを変更するにはどうすればよいですか？
「いいね！」 2
誰もいない？
「いいね！」 1
新しい機能（ダーク/ライトのカテゴリロゴ）が追加されたアップデートにより、カスタマイズに影響が出た可能性があると思います。修正方法についてはまだ100％確信が持てませんが、確認中です。
（@renatoさんが正しいことを願っています。奇跡的に自己解決したかもしれません 
）
「いいね！」 3
ここにある画像はChromeでの@renatoさんのスクリーンショットのように見えますが、SafariでのOPのスクリーンショットのようにも見えます。これは明らかに後退です。申し訳ありません。カスタマイズはしていないようですが、カテゴリーロゴとして非常に大きな画像があります。例えばOPの画像は2657x2657です。
ですので、修正方法は2つあります。
- 画像を小さくアップロードする。150x150の画像で試してみてください。これでうまくいくはずです。（画像が小さいとページの読み込みも速くなります。）
- 画像を再アップロードしたくない場合は、テーマコンポーネントでこのCSSルールを試してみてください。
body .category-logo.aspect-image {
max-width: 150px;
}
「いいね！」 3
Chrome では問題なく表示されるのですが、Safari では表示されません。何か原因は考えられますか？ max-width の修正を試しましたが、うまくいきませんでした。画像も 450px の正方形に縮小してアップロードしましたが、効果はありませんでした。
@supports (--custom: property) {
body .category-logo.aspect-image {
max-width: 150px;
}
}
「いいね！」 3
一人ではありません。しかし、解決策が理解できません（完全に初心者なので）。解決策をどこで実装する必要があるかについて、もう少し情報を見つけられる場所はありますか？ありがとうございます。
こんにちは、ようこそ、@Richard さん 
サイトにコードスニペットを追加するには、小さなテーマコンポーネントを作成し、それをテーマにアタッチします。
/admin/customize/themesに移動します。- インストールをクリックし、次に新規作成をクリックします。
- 名前を付け、「コンポーネント」を選択します。
- 作成
- テーマに追加します。
- CSS/HTMLの編集ボタンをクリックし、コードを共通タブに貼り付けます。
- 保存します。
「いいね！」 3
この問題に対するいくつかの修正が追加されたと思いますので、アップデート後にカスタムコードを削除できる可能性があります。
「いいね！」 2
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.