フラグメントとリソースのインポート

まず、デザイナーが作成したフラグメントや画像をインポートし、ページ作りに役立てます。 これらにより、サイト制作者は、クラリティのデザインとブランディングの要件を満たしながらサイトを制作するために必要なリソースを得ることができます。 この演習では、サイト管理者ユーザーであるPreston Palmerとしてログインしてください。

画像のダウンロード

1. 画像をダウンロードして解凍する：

   curl https://resources.learn.liferay.com/courses/latest/en/web-site-manager/creating-pages/importing-fragments-and-resources/liferay-q9c4.zip -O
   

   unzip liferay-q9c4.zip
   

画像のインポート

1. )を開き、[コンテンツとデータ]を展開し、[ドキュメントとメディア]をクリックします。

2. Addをクリックし、()、次に Multiple Files をクリックします。

3. liferay-q9c4.zip/images内のファイルをすべて選択し、 Publish をクリックする。

これらの画像は「ドキュメントとメディア」に表示されます：

• clarity_banner.jpg
• clarity_logo.png
• clarity-testimonials.jpg

フラグメントセットのダウンロード

1. フラグメントセットのダウンロード

   curl https://resources.learn.liferay.com/courses/latest/en/web-site-manager/creating-pages/importing-fragments-and-resources/liferay-j2b6.zip -O
   

フラグメントセットのインポート

1. Liferay で Site メニュー () を開き、 Design を展開し、 Fragments をクリックします。

2. フラグメントセット（）の横にある Actions をクリックし、 Import を選択します。

3. liferay-j2b6.zipを選択し、 Import をクリックする。

   終了すると、これらのフラグメントはフラグメントセットに表示される：

   • banner-composition
   • footer-composition
   • header-composition
   • home-page-slider-composition
   • home-page-slider-fragment
   • sign-in-fragment
   • user-nav-fragment

   このフォルダには、フラグメント・コンポジションとカスタム・フラグメントがある。 また、フラグメント・リソースとしてsign-in-image.pngが含まれていた。 フラグメントセットのResourcesタブで確認してください。

   • カスタムフラグメントは、 デフォルトのフラグメントリファレンス の中にあなたのニーズに合うものがない場合に、あなたが開発するものです。 フラグメントの複製 をコピーすることから始めることができます。
   • フラグメント構成の保存 は、コンテンツページエディターに追加し、繰り返し使用するために保存した、再利用可能なフラグメントグループです。

次： これらのフラグメントを使ってホームページ を追加する。

関連コンセプト

• デフォルトのフラグメントリファレンス
• フラグメントの管理
• フラグメントにデフォルトのリソースを含める