テーマのサムネイルプレビューを作成する

テーマのサムネイルプレビューを作成する

ご覧のページは、お客様の利便性のために一部機械翻訳されています。また、ドキュメントは頻繁に更新が加えられており、翻訳は未完成の部分が含まれることをご了承ください。最新情報は都度公開されておりますため、必ず英語版をご参照ください。翻訳に問題がある場合は、こちらまでご連絡ください。

テーマをサイトページに適用する場合、サイトセレクターで利用可能なテーマのリストから選択する必要があります。 各テーマの唯一の識別は、テーマの名前と、テーマの短い印象を与える小さなサムネイルプレビュー画像です。 デフォルトでは、テーマはサムネイル画像を提供しないため、作成する必要があります。 テーマの配色を開発する場合、これはさらに重要です。 カラースキームの名前は表示されないため、それらを識別するにはサムネイルプレビューが必要です。

図1:テーマのサムネイルが残りの利用可能なテーマと共に表示されます。

次の手順に従って、テーマのサムネイルプレビューを作成します。

  1. テーマをサイトに適用し、オプションの配色を選択して、それを最もよく表すスクリーンショットを撮ります。

  2. 不要な領域を切り取り、スクリーンショットのサイズを高さ150ピクセル、幅120ピクセルに変更します。 適切に表示するには、サムネイル がこれらの正確な寸法 なければなりません。

  3. 画像を thumbnail.png という名前の .png ファイルとして保存し、テーマの src / images フォルダーに配置します(このフォルダーが存在しない場合は作成します)。 再デプロイすると、 thumbnail.png ファイルが自動的にテーマのサムネイルになります。

これで、テーマを適用すると、そのサムネイルがサイトで利用可能な他のテーマとともに表示されます。

図2:テーマのサムネイルが残りの利用可能なテーマと共に表示されます。

関連トピック

テーマの作成

テーマ用に再利用可能なコードを作成する

テーマの配色の作成

« テーマ用に再利用可能なコードを作成するテーマの配色の作成 »
この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています