ヒントとコツの編集

サイドバーの非表示または表示

をクリックして、ページおよびページ・コンテンツを管理および編集するためのオプションを表示します。

サイドバーにアクセスするには、を「編集」に設定します。ページをプレビューする際に、サイドバーを非表示にして表示領域を拡大するには、をクリックします。

移動

サイト・ツリーを使用して別のページを選択するには、サイドバーのをクリックします。ページ・リスト上部の検索ボックスを使用してページを検索します。サイト・ナビゲーションまたはページ自体のリンクを使用することもできます。

別のページに切り替えると、ページに加えた変更が格納されます。「保存」をクリックして、変更を現在の更新に保存することもできます。

ページの管理

ページを追加するには、ページを追加するレベルまたはブランチを選択して「ページの追加」をクリックします。または、子ページを追加するにはをクリックしてから、をクリックします。「新規ページ」がサイト・ツリーの下部に追加され、ページに名前を付けて他の設定を指定するよう求められます。
ページを削除するには、ページを選択してをクリックします。
ページを移動するには、ページを選択して新しい位置にドラッグします。または、ページを切り取って新しいロケーションに貼り付けることができます。ページを切り取るには、をクリックしてをクリックします。ページを貼り付けるには、貼付け先のブランチを選択し、をクリックしてからをクリックします。
ページをコピーするには、ページを選択し、をクリックしてをクリックします。ページを貼り付けるには、貼付け先のブランチを選択し、をクリックしてからをクリックします。
メタデータ、ヘッダー、フッター、その他のオプションなどのページ設定を変更するには、をクリックします。「ページ設定の変更」を参照してください。

ドラッグ・アンド・ドロップの編集

サイドバーからコンポーネントを追加する、またはページ上のコンポーネントを移動するには、ページ上の場所にアイテムをクリックしてドラッグ・アンド・ドロップします。ページにアイテムをドラッグする際に、使用可能なスロットの境界と既存のアイテムが表示されます。配置バーは、新しいコンテンツをどこに配置できるか(上、下、左、右)を示します。

図component_insert.pngの説明

スロットに複数のアイテムを含めることができ、ページ上のアイテムを新しい場所にドラッグするだけで移動できます。スロット内の2つのコンポーネント間の境界をクリックしてドラッグすると、2つのコンポーネントの相対的な幅を調整することもできます。コンポーネントは、コンポーネントの上に表示されているルーラーに示された次のグリッド線に合せます。

各コンポーネントのサイズは、ピクセルでもスロット内の使用可能な領域の割合としても表示されます。幅をグリッドで定義されている値以外の値に調整するには、[Ctrl]キーを押したまま、コンポーネントの境界をクリックしてドラッグします。
component_drag.pngの説明が続きます
図component_drag.pngの説明

コンポーネント

ページにコンポーネントを配置した後に、アイテムを選択してアイテムのメニュー・アイコンをクリックし、「設定」を選択すると、位置合せ、間隔およびその他のプロパティを調整できます。メニュー・アイコンではなくコンポーネント名をクリックした場合は、スロットおよびコンポーネント・グループのメニュー・アイコンが表示され、選択できます(現在のコンポーネントがコンポーネント・グループの一部である場合)。他のタブのいずれかを選択した場合、メニュー・アイコンを表示してその要素のプロパティを設定します。
settings_stack.pngの説明が続きます
図settings_stack.pngの説明

テーマ・デザイナは、テーマに含めるコンポーネントを指定できるため、一部のコンポーネントは、あるサイトで使用できても、他のサイトでは使用できない可能性があります。テーマ・デザイナは、どのコンポーネントが、指定したページ・レイアウトの指定したスロットで許可されるかを指定することもできます。コンポーネントが特定のスロットで許可されていない場合、配置バーは色と記号(マイナス)が変化し、次のようなメッセージが表示されます。
slot_restriction.pngの説明が続きます
図slot_restriction.pngの説明

コンポーネントのサイズおよび間隔の調整

ギャラリやイメージなどの多くのコンポーネントのサイズを異なるCSSユニットに調整したり、コンポーネントの間隔を調整することができます。たとえば:

px (ピクセル): デフォルト。数値のみを指定した場合は、ピクセルが使用されます。
% (percent): アイテムを親のHTML要素サイズに対するパーセンテージに設定します。例: 25%
em: ファセット内のコンポーネントのサイズを設定します。例: 20em
vw: 表示領域の幅のパーセンテージとしてサイズを設定すると、表示領域のサイズに応じて応答できます。例: 10vw

編集可能なレイアウト・コンテンツ

テーマ・デザイナは、著作権表示などの組込みコンテンツを、エディタで変更できないページ・レイアウトに追加できます。デジタル・アセットなど、テーマ・デザイナは単純なテキストおよびイメージ・コンテンツを編集可能に指定することもできます。これにより、コントリビュータは、テキストやイメージのコンテンツを変更できますが、場所などのレイアウト属性は変更できません。編集可能なテキスト要素については、メニューに、太字、斜体および下線のテキストを指定したり、リンクの変更または削除を行ったりするためのオプションが用意されています。

図simple_text_menu.pngの説明

編集可能なグラフィック要素には設定アイコン、およびイメージ、タイトルおよび代替テキストを指定できるパネルがあります。
simple_image_settings.pngの説明が続きます
図simple_image_settings.pngの説明

テキストまたはイメージを囲むフレームは、テキストの長さまたはイメージのサイズに合うように調整されます。

ノート:

加えられた変更は、現在のページにのみ適用されます。レイアウトが最初にページに適用されると、元のコンテンツは、レイアウトとともにテーマに格納され、それがデフォルトになります。

スタイルおよび書式

ほとんどのコンポーネントには、コンポーネントの外観という面から指定するテーマによって定義された、1つ以上のベース・スタイルがあります。簡単にスタイルを切り替えたり、オーバーライドできます。使用可能なスタイル間で選択するには、コンポーネントの「設定」パネルを開いて、「スタイル」タブをクリックし、「スタイルの選択」をクリックしてメニューでスタイルを選択します。スタイル定義に指定したプロパティに独自の値を指定するには、「カスタマイズ」をクリックし、フォーマット・オプションを指定します。

図style_compare.pngの説明

変更を元に戻す

を使用して、最後の編集またはエディタで行った変更を無効にします。元に戻す処理を複数回使用して、一連の変更を無効にすることができます。

を使用して、元に戻す処理で無効にした最新の変更を再適用します。元に戻す処理を連続して複数回使用した場合、やりなおす処理を複数回使用できます。

現在の更新内でコンテンツ、スタイルおよびページ編成の変更を元に戻すことができます。一部のアクションは元に戻す一連の動作には含まれません。

別の更新に切り替えると、元に戻す一連の動作はリセットされるため、以前に作業した更新で行った変更は元に戻せません。更新内では、変更を保存した後でも元に戻すことができます。
ページの切替えや特定ページのサイズ変更など、エディタでビューを変更した場合は、それらのタイプの変更を手動で元に戻す必要があります。
テキスト・コンポーネント(タイトル、段落など)を編集する場合、テキスト・エディタには独自の元に戻す一連の動作があります。テキスト・エディタを終了すると、そこでの変更を元に戻すことはできません。