サムネイルプレビューをテーマにバンドルする
テーマのサムネイルは、サイトに適用されたときにテーマがどのように見えるかを視覚的に表したものです。 サイトのページのテーマを選択すると、テーマ選択メニューにサムネイルが表示されます。 サムネイルが設定されていないカスタムテーマには、プレースホルダー画像があります。
![]()
サムネイルを追加する
次の手順に従ってサムネイルを作成し、テーマにバンドルします。
-
サムネイルに使用するテーマのスクリーンショットを撮ります。
-
テーマの
src/images/フォルダにthumbnail.pngという名前の画像を保存します。 このフォルダがまだ存在しない場合は、作成してください。 -
テーマを再デプロイします。
gulp deploy -
Liferayログでデプロイメントを確認します。
STARTED my-liferay-theme_1.0.0 -
テーマが展開されたら、 サイト メニュー (
) を開き、 サイト ビルダーを展開して、 ページに移動します。 -
アプリケーション バーで オプション (
) をクリックし、 構成 (
) を選択します。 -
[現在のテーマを変更する]ボタンをクリックして、使用可能なすべてのテーマをサムネイルとともに表示し、変更を確認します。
![]()
新しいサムネイルを画面に表示するには、ブラウザのキャッシュをクリアする必要がある場合があります。
選択したファイルがテーマ選択画面にサムネイルとして表示されます。