ページフラグメントの作成

ページフラグメントの作成

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

コンテンツページを作成するには、最初にいくつかのフラグメントが必要です。 フラグメントは、Liferayでリッチコンテンツを作成するために使用できるビルディングブロックの1つです。 フラグメントは、HTML、CSS、JavaScriptを使用して作成されるため、開発者が作成することを目的としています。

フラグメントの作成と管理

サイト管理から始めます。 フラグメントはコンテンツセクションにあります。

  1. メインメニューを開きます。

  2. Site Administration、作業するサイトが選択されていることを確認します。

  3. [ Build セクションで、[ Page Fragments選択します。

図1:これは、フラグメントまたはコレクションが作成されていないページフラグメントページです。

フラグメントは コレクション編成されてい* 。 メインのページフラグメントページには、使用可能なコレクションが表示され、インポートとエクスポートのオプションが提供され、コレクションを作成できます。 フラグメントとコレクションを作成したら、それらを整理して表示することもできます。 フラグメントを作成するには、最初にコレクションを作成する必要があります。

  1. 新規コレクション をクリックして、コレクションを追加します。

  2. コレクションに 名前説明保存をクリックします。

コレクションはフラグメントを整理するのに役立ち、異なるタイプのフラグメントや、異なるグループや部門で使用されるフラグメントを区別するために使用できます。 次に、作成したコレクション内にフラグメントを作成します。

  1. 作成したコレクションをクリックします。

  2. Add アイコン( New)をクリックして、フラグメントを作成します。

  3. 名前送信をクリックします。

これで、フラグメント開発環境が表示されます。 エディターの各ペインには異なる機能があります。

  • 左上のペインは、HTMLを入力するためのものです。
  • 右上のペインはCSSを入力するためのものです。
  • 左下のペインはJavaScriptを入力するためのものです。
  • 右下のペインには、他のペインでの作業中にライブプレビューが表示されます。

図2:フラグメントエディターは、フラグメントのすべての部分を作成するための環境を提供します。

標準のHTML、CSS、JavaScriptに加えて、開発者はウィジェットを埋め込み、編集可能なテキストと画像をフィールドに提供することもできます。 テキストと画像は、コンテンツページの最終公開プロセス中に編集できます。 フラグメントの開発については、「フラグメントの開発で詳しく説明してい

いくつかのフラグメントを作成して公開したら、フラグメントをページに結合するページテンプレートの作成を開始できます。

« コンテンツページの使用フラグメントからコンテンツページを構築する »
この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています