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

サムネイルプレビューをテーマにバンドルする

テーマのサムネイルは、サイトに適用されたときにテーマがどのように見えるかを視覚的に表したものです。 サイトのページのテーマを選択すると、テーマ選択メニューにサムネイルが表示されます。 サムネイルが設定されていないカスタムテーマには、プレースホルダー画像があります。

プレースホルダー画像を使用したカスタムテーマ。

サムネイルを追加する

次の手順に従ってサムネイルを作成し、テーマにバンドルします。

  1. サムネイルに使用するテーマのスクリーンショットを撮ります。

  2. テーマのsrc/images/フォルダにthumbnail.pngという名前の画像を保存します。 このフォルダがまだ存在しない場合は、作成してください。

  3. テーマを再デプロイします。

    gulp deploy
    
  4. Liferayログでデプロイメントを確認します。

    STARTED my-liferay-theme_1.0.0
    
  5. テーマが展開されたら、 サイト メニュー (Site Menu) を開き、 サイト ビルダーを展開して、 ページに移動します。

  6. アプリケーション バーで オプション (Options) をクリックし、 構成 (Configuration icon) を選択します。

  7. [現在のテーマを変更する]ボタンをクリックして、使用可能なすべてのテーマをサムネイルとともに表示し、変更を確認します。

テーマを選択すると、選択した画像がサムネイルとして表示されます。

新しいサムネイルを画面に表示するには、ブラウザのキャッシュをクリアする必要がある場合があります。

選択したファイルがテーマ選択画面にサムネイルとして表示されます。