独自のテーマのプレビュー画像

皆さん、こんにちは。

まず最初に、私の質問は全く重要でないことについてであることを指摘しておきたいのですが、それでも尋ねたいと思いました :wink:

自作テーマのプレビュー画像をどこ/どのように設定するのですか。適切なプレビュー画像がないと、管理エリアが少し寂しく見えます。

自作テーマのプレビュー画像なし

私の内なるエイドリアン・モンクが毎回顔を出します。そして、皆それぞれ内なるエイドリアン・モンクがいて、その一部は私と同じようなものだと知っています。 :face_with_tongue: ですから、他の人にとっても少しは重要かもしれません。

もしこれがすでにMetaで回答されていたらお許しください。しかし、検索しても適切なものが見つかりませんでした。

このガイドは覚えているのですが、お探しのものかどうかはわかりません。

「いいね!」 1

ありがとうございます。しかし、そうではないかもしれません。あるいは、私が理解していないのかもしれません。それは常にあり得ることですが。;-)\n\nスクリーンショットのテーマは、セルフホスト型Discourseインスタンスの標準テーマから作成しました。そのため、どこかからダウンロードしたりアップロードしたりしたわけではありません。また、Dockerコンテナの外側の共有ファイルパスにテーマディレクトリも見当たりません。\n\nそのため、まだ少し戸惑っています… :man_shrugging:

スクリーンショットは、ご自身でGitHubから作成されたテーマのみを対象としていると思われます。そのため、Documentation > Developer Guides にあります。

ええ。それで、疑問は残ります。何か方法はあるのでしょうか?

そして、繰り返しますが、これは最も重要で不可欠な質問や機能ではありません。 :wink:

管理ユーザーインターフェースからのみテーマを作成した場合、いいえ、方法はありません。
スクリーンショットを表示するには、テーマと一致するローカルのファイル/ディレクトリ構造が必要です。
テーマをエクスポートし、解凍し、上記のガイドに記載されているようにスクリーンショットを追加し、再度圧縮してインポートすることは可能です。しかし、スクリーンショットは主に他の人にテーマがどのように見えるかを示すために使用されるので、どこにもアップロードしていない場合、誰に見せるのでしょうか?

わかりました。ありがとうございます。では、現状のままでいいですね。:slight_smile:

例えば、他の管理者です。しかし、言ったように、それほど重要ではありません。テーマを編集するたびにそれに気づくだけです。

少しハッキーかもしれませんが、CSSの助けを借りてデフォルトのSVGパターンをカスタム画像に置き換えることができます。
結果の例

テーマのアップロードセクションにスクリーンショットを追加します

そして、「コードの編集」のCSSタブに以下を追加します

小文字にし、スペースをハイフンに置き換えてください

.theme-card.=THEME_NAME= .theme-card__image-wrapper svg {
 display: none;
}

.theme-card.=THEME_NAME= .theme-card__image-wrapper {
 background-image: url($=UPLOAD_NAME=);
 background-size: cover;
 background-position: center;
}

これで、あなたの内なるモンクが少しリラックスできるのに十分であることを願っています。

「いいね!」 5

わあ、本当にありがとうございます。あなたが説明したとおりにうまくいきました。あなたの投稿のおかげで、ただコピー&ペーストするだけでした。すごい!:+1:

私の内なるモンクはもういないようです。少なくともこの件に関しては。:stuck_out_tongue:

「いいね!」 2

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