Documentation

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

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

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

サムネイルを追加する

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

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

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

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

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

    STARTED my-liferay-theme_1.0.0
    
  5. テーマを展開したら、 Site Menu(Site Menu) を開き、 Site Builder を展開し、 Pages に進みます。

  6. アプリケーションバーの「Actions」 ボタン(Actions)をクリックし、「Configuration」(Configuration icon)を選択します。

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

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

注釈

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

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