ページレイアウトのデザイン design-page-layout

「新しいページレイアウトの作成」の手順を使用して、「チャプター」ページレイアウトを作成します。

空白のチャプターページレイアウトが作成され、「ページレイアウト」に追加されます。

デフォルトでは、ページレイアウトを作成すると、そのページレイアウトも編集用に開かれます。 次のスクリーンショットは、空白（デフォルト）のページレイアウトを示しています。

{width="300"}

テンプレートのヘッダー、フッター、およびコンテンツ領域は、デフォルトで作成されます。 ユーザーインターフェイスに用意されているページプロパティやコンテンツプロパティのほか、様々なツール（画像やフィールドの挿入など）を使用して、これらの領域を簡単にカスタマイズできます。

マウスを次の上に移動 第章 レイアウトしてクリックします オプション をクリックしてコンテキストメニューを表示します。

クリックまたはマウスのカーソルを上に移動 レイアウトバリアントの追加 作成するページレイアウト（最初、左または右）を選択します。

必要なページレイアウトを編集用に開きます。

右側のパネルで、 ページプロパティ.

が含まれる ページサイズ ドロップダウンリストから「」を選択します カスタム.

「ページの幅」フィールドと「ページの高さ」フィールドが表示されます。

で目的のページサイズを入力します ページの幅 および ページの高さ フィールド。

横向きのページレイアウトを作成します。

変更： ビューの回転 コンテンツを 90 度でレンダリングするプロパティ。

新しいページレイアウトを使用するカスタムスタイルを作成します。

横ページレイアウトでレンダリングするテーブルの outputclass 定義に、スタイルを追加します。

横向きのページレイアウトを作成します。

1. 「新しいページレイアウトの作成」の手順に従って、「横」ページレイアウトを作成します。

2. 右側のパネルで、 ページプロパティ.

   {width="300"}

3. 変更： 向き 対象： 横.

コンテンツを 90°時計回りにレンダリングするには、「ビューの回転」プロパティを変更します。

1. を選択 時計回りに 90° 「表示の回転」ドロップダウンリストから選択します。

{width="300"}

1. クリック すべて保存 更新したページレイアウトプロパティを保存します。

新しいページレイアウトを使用するカスタムスタイルを作成します。

1. 左側のサイドバーを展開して、スタイルを作成するテンプレートをダブルクリックします。

2. 「スタイルシート」セクションを展開します。

3. レイアウトスタイルシートにカーソルを合わせ、オプション アイコン）…、「編集」を選択します。

   レイアウトスタイルシートが編集用に開きます。

4. 右クリック その他のスタイル を選択します 新規スタイル.

   {width="300"}

5. スタイルを追加ポップアップで、と入力します。 横長のスタイル が含まれる classname.

   {width="400"}

6. 「完了」をクリックします。

   という名前の新規スタイル .landscape-style 作成され、[ その他のスタイル ] リストの最後に追加されます。

7. をダブルクリックします .landscape-style 編集用に開くためのスタイルです。

8. を展開します。 ページネーション プロパティ。

9. Enter Landscape が含まれる ページレイアウト プロパティ。

   {width="500"}

10. クリック すべて保存 更新したスタイル プロパティを保存します。

にスタイルを追加します。 outputclass 横長ページレイアウトでレンダリングするテーブルの定義。

1. DITA ファイルエディタで、新規ページレイアウトを適用するファイルを開きます。

2. の検索 <table> 要素：横モードでレンダリングされます。

3. パンくずリストで、テーブル要素をクリックしてテーブルを選択します。

   {width="400"}

4. 右側のパネルでをクリックし、コンテンツのプロパティ パネルを開きます。

5. コンテンツのプロパティパネルで、新しい outputclass を持つプロパティ 横長のスタイル プロパティ値として。

   {width="300"}

クリック すべて保存 更新したファイルを保存します。

PDF出力を生成します。

必要なページレイアウトを編集用に開きます。

コンテンツ領域内の任意の場所をクリックします。

右側のパネルで、 ページプロパティ.

を展開します。 背景・経緯 セクション。

で参照ボタンをクリックします 画像のパス 「場所」フィールド。

背景画像として使用する画像を参照して選択します。

画像が挿入および複製されて、ページ全体に表示されます。

高さと幅のプロパティを調整して、画像サイズを変更します。

他のプロパティを設定して、背景画像の表示方法を調整します。

• 背景繰り返し ：背景を繰り返すかどうかを指定します。

• 背景の位置 ：ページ上での背景画像の位置を指定します。

必要なページレイアウトを編集用に開きます。

右側のパネルで、 ページプロパティ.

を展開します。 レイアウト セクション。

の横にあるロックアイコンをクリックします 余白 プロパティ。

ヘッダーサイズを変更するには、目的の値を「上余白」フィールドに入力します。

フッターサイズを変更するには、目的の値を「下余白」フィールドに入力します。

「編集」ヘッダー（ {width="25"}） アイコンをクリックしてヘッダー領域にカーソルを移動します。

または、ヘッダー領域内をクリックします。

画像を追加するには、次のいずれかの方法を選択します。

「」をクリックします イナートイメージ （ {width="25"}） アイコンが表示されます。 パスを選択 ポップアップして、画像の場所を参照し、 を選択 をクリックして、ヘッダー領域に挿入します。

リソース フォルダーからヘッダー領域に画像をドラッグ&ドロップします。

必要なページレイアウトを編集用に開きます。

「」をクリックします フッターの編集 （ ） アイコンをクリックして、フッター領域にカーソルを移動します。

または、フッター領域内をクリックします。

をクリックして段落要素を挿入 HTML要素を挿入 （ {width="25"}）アイコンをクリックし、要素のリストから「段落」を選択します。

「」をクリックします フィールドの挿入 （ ） アイコンをクリックします。

フィールド ポップアップが表示されます。

「」を選択します ページ番号 「フィールド」リストの「カテゴリ」 default （1） 「書式」リストの「ページ番号の書式」を選択し、 挿入.

{width="400"}

デフォルトのページ番号フィールドは、ページレイアウトのフッター領域に挿入されます。

{width="400"}

上部のパンくずリストには、情報が保存されている要素が表示されます。

ページ番号フィールドの後に空白スペースを入力し、 フィールドの挿入 アイコン。

「」を選択します チャプタータイトル 「フィールド」リストの「カテゴリ」 チャプタータイトル 「フォーマット」リストから「フォーマット」を選択し、 挿入.

この チャプタータイトル 公開時にチャプターのタイトルが入力されたフィールドが、フッター領域に挿入されます。 この場合、ページ番号フィールドとチャプタータイトルフィールドはスペースで区切られます。

{width="400"}

チャプタータイトルを右揃えにするには、次の手順を実行します。

1. パンくずリストのフィールド要素をクリックして、「チャプタータイトル」フィールドを選択します。

2. 右側のパネルで コンテンツのプロパティ （ {width="25"}） アイコンをクリックします。

3. を展開します。 レイアウト 「properties」セクションを選択し、 浮動小数点 プロパティの値： 右.

   {width="400"}

   チャプタータイトル フィールドが、ページフッターの右側に配置されます。
   {width="500"}

必要なページレイアウトを編集用に開きます。

ページレイアウトのコンテンツ領域にカーソルを置きます。

チャプター目次（）をクリックします ） アイコンをクリックします。

デフォルトのチャプター目次がコンテンツ領域に挿入されます。

{width="400"}

コンテンツのプロパティパネルを開き、目次の見出しレベルをカスタマイズします。

たとえば、[ 見出し 2] から開始する場合は、最初のドロップダウン リストを [2] から開始するように変更します。

{width="400"}

同様に、レベル 5 まで見出しを追加する場合は、2 番目のドロップダウンリストを 5 に変更します。 更新された目次は次のようになります。

{width="400"}

必要なページレイアウトを編集用に開きます。

複数列のレイアウトがコンテンツ（ヘッダーおよびフッター領域を除く）に適用されるので、パンくずリストでコンテンツ要素を選択する必要があります。

コンテンツのパンくずリストを選択すると、コンテンツのプロパティパネルに複数の列のプロパティが表示されます。

{width="400"}

複数列のプロパティを使用して、複数列のページレイアウトをカスタマイズします。

• 列数： ページを分割する列数を指定します。 上向き矢印アイコンと下向き矢印アイコンを使用するか、数値を入力して列数を設定します。

• 列の幅： 複数列レイアウトで列の幅を指定します。 デフォルトでは、サイズはピクセル（px）単位で設定され、pt、rem、em、%、または単位で指定することもできます。

  note note
  NOTE
  サイズを指定しない場合、列は指定したページに収まるように均等に分割されます。 ほとんどの場合、この値を指定する必要はありません。

• 列のギャップ ：個々の列の間隔を指定します。

• 列スパン ：ページレイアウト上の任意の要素を複数の列にまたがって表示する場合は、このプロパティを使用する必要があります。 これを行うには、スタイルシートを使用して目的の要素のスタイルを変更します。 .

ページレイアウトでは、特定のテキストをすべてのチャプターページレイアウトの最初のページに表示する場合、そのテキストをチャプターページレイアウトの最初のページバリアントに追加できます。

次の例に示すように、見出しテキストの Span Column/スパン カラム プロパティを [all/すべて ] に設定します。 これにより、ドキュメントが複数列の場合でも、見出しが複数の列にまたがって表示されます。

{width="400"}

• 列の塗りつぶし ：コンテンツの列への入力方法を指定します。 デフォルトでは、バランスに設定されており、各列に等しい量のコンテンツが入力されます。

• カラム規則 ：列間に行を配置する場合は、このプロパティを使用して行または罫線のスタイルを定義します。 列間に線を追加するには、罫線のスタイル、色、幅の値を指定します。