カスタムレイアウトテンプレートのサムネイルプレビューの作成
ご覧のページは、お客様の利便性のために一部機械翻訳されています。また、ドキュメントは頻繁に更新が加えられており、翻訳は未完成の部分が含まれることをご了承ください。最新情報は都度公開されておりますため、必ず英語版をご参照ください。翻訳に問題がある場合は、こちらまでご連絡ください。
あなたならば ジェネレータテーマとレイアウトテンプレートを作成し、それはあなたのレイアウトテンプレートのプレビューサムネイルデフォルトを生成しました。 次の手順に従って、レイアウトテンプレートのカスタムプレビューサムネイルを作成します。
-
コマンドラインを開き、レイアウトテンプレートの
docroot / layouttpl / custom
フォルダーに移動します。 Liferayテーマジェネレーターで作成されたテーマでレイアウトテンプレートを作成した場合、サムネイルはテーマのsrc / layouttpl / custom
フォルダーにあります。 -
サムネイルPNGファイルが存在する場合は、同じサイズ(120 x 120 px)のカスタムサムネイルPNGに置き換えるか、新しいPNGファイルを作成します。
-
レイアウトテンプレートをテーマに含める場合、
<thumbnail-path>
タグを使用して、テーマのliferay-look-and-feel.xml
でサムネイルの場所を指定します。 以下は、Porygonテーマの構成例です。<layout-template id="porygon_50_50_width_limited" name="Porygon 2 Columns (50/50) width limited"> <template-path> /layoutttpl/custom/porygon_50_50_width_limited.ftl </template-path> <thumbnail-path> /layoutttpl/custom/porygon_50_50_width_limited.png </thumbnail-path> </layout-template>
レイアウトテンプレートをアプリサーバーに展開して使用します。 レイアウトテンプレートがテーマバンドルされている
場合、テーマがデプロイされるときにデプロイされます。 これで、Liferay DXPレイアウトテンプレートのカスタムサムネイルプレビューを作成する方法がわかりました!