ページのレイアウトを変更する
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
このトピックで説明する手順には、エクスペリエンス エディターを使用します。
レイアウトは、ページを列に分割するレスポンシブグリッドを使用します。行分割レンダリングと列分割レンダリングを使用して、ページ構造をさらに定義し、使用可能なスペースを水平方向と垂直方向に分割できます。
ページを作成すると、デフォルトでは、ヘッダー、メイン、フッターの3つのプレースホルダーを含む基本レイアウトが含まれます。これらのプレースホルダーにColumn SplitterまたはRow Splitterレンダリングを追加できます。最後に、新しく追加された列または行にレンダリングを追加します。
また、レンダリングのグリッド設定を変更することで、ページのレイアウトを変更することもできます。
列スプリッター レンダリングを追加する
列分割レンダリングでは、ページを列に分割することで、ページに構造を追加できます。列スプリッターレンダリングは、他のレンダリングのプレースホルダーにすぎず、コンテンツだけを保持することはできません。たとえば、特定の列にテキストを追加するには、まずリッチ テキスト レンダリングを列に追加する必要があります。
このトピックでは、エクスペリエンス エディターで列スプリッター レンダリングを使用する方法について説明します。ただし、Pagesでレンダリングを使用することもできます。
Column Splitterレンダリングをページに追加するには:
-
ページを開き、ツールボックスを開きます。
-
Page Structureセクションから、レンダリングを追加するプレースホルダーにColumn Splitterレンダリングをドラッグします。ドラッグすると、プレースホルダが青色に変わります。
または、HomeタブでComponentをクリックしてSelect a renderingダイアログ ボックスを開きます。
-
フローティング ツールバーで、
Add a new column at the end of the splitterをクリックします。追加した列を表示するには、ツールバーの下のどこかをクリックします。
-
列を追加または再配置するには、新しいツールバーで、次の項目をクリックします。
-
Add a new column
- 現在選択されている列の隣に列を追加します。 -
Move the selected column to the right
- 現在選択されている列を1つ右に移動します。 -
Move the selected column to the left
- 現在選択されている列を1つ左に移動します。 -
Remove the selected column
- 現在選択されている列を削除します。
-
-
レンダリングを列に追加するには、ツールバーからレンダリングをドラッグするか、列を選択してからAdd hereをクリックします。たとえば、Imageレンダリングを挿入してロゴを追加します。
行スプリッターレンダリングを追加する
行分割レンダリングを使用すると、ページを行に分割できます。行スプリッターレンダリングは、他のレンダリングのプレースホルダーにすぎず、コンテンツだけを保持することはできません。たとえば、特定の行にテキストを追加するには、まずリッチ テキスト レンダリングを行に追加する必要があります。
このトピックでは、エクスペリエンス エディターで行スプリッター レンダリングを使用する方法について説明します。ただし、Pagesでレンダリングを使用することもできます。
行分割レンダリングをページに追加するには:
-
ページを開き、ツールボックスを開きます。
-
Page Structureセクションで、レンダリングを追加するプレースホルダーにRow Splitterレンダリングをドラッグします。ドラッグすると、プレースホルダが青色に変わります。
または、HomeタブでComponentをクリックしてSelect a renderingダイアログ ボックスを開きます。
-
フローティング ツールバーで、Add a new row at the end of the splitterをクリックします。追加した行を表示するには、ツールバーの下のどこかをクリックします。
-
行を追加または再配置するには、新しいツールバーで、次の項目をクリックします。
-
Add a new row
- 現在選択されている列の隣に列を追加します。 -
Move the selected row down
- 現在選択されている列を1つ右に移動します。 -
Move the selected row up
- 現在選択されている列を1つ左に移動します。 -
Remove the selected row
- 現在選択されている列を削除します。
-
-
レンダリングを行に追加するには、ツールボックスからレンダリングをドラッグするか、行を選択してからAdd hereをクリックします。
