エディタービューをカスタマイズする
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
このトピックでは、ページビルダーでエディタービューをカスタマイズする方法について説明します。
エディターでページをOpen
エディターでページを開くには:
-
上部のツールバーのEditorタブをクリックすると、左側のペインでサイトマップが表示されます。
-
サイトマップで編集したいページやアイテムをクリックしてください。
-
ページは画面中央のエディターエリアで開きます。
-
エディターのサイトツリーでページ設定を開くには、
> Settingsをクリックします。
開きたいページのアイテムIDが分かれば、ブラウザのアドレス欄のURLを編集してそのページに移動できます。
編集者のためにもっとスペースを作ってください
サイドペインを折りたたむことでエディターのスペースを増やすことができます。
右側または左側のパネルを折りたたんだり拡張したりするには:
-
エディタービューの下部で、対応する「折りたたみ/展開」アイコン
をクリックします。
右側のサイドパネルをドック・アンドックすることもでき、好みや画面要件に合ったページビルダービューを作成できます。
-
右側のパネルはデフォルトでドックされていますが、Undock
を押すとキャンバスが完全に右に広がり、右パネルは外れてキャンバスの上に浮かびます。 -
パネルがドックから外されている場合、Dock
をクリックしてページ右側のデフォルトのドック位置に戻すことができます。パネルをドッキングするとキャンバスは元の大きさに戻ります。
サイトまたは言語を選択してください
プロジェクト名と環境名、現在のサイト、そしてサイトの言語バージョンが上部のツールバーに表示されます。
異なる環境、サイト、言語を選択するには:
-
上部のツールバーで、該当するセレクターをクリックし、ドロップダウンメニューからオプションを選択します。
デバイスビューの変更
ページビルダーはサイトのページにレスポンシブデザインを適用し、表示されるデバイスのサイズに合わせてページを調整します。ページエディターは、異なるデバイス上で現在のページを表示できます。
異なるデバイスレイアウトで現在のページを見るには:
-
ページのトップツールバーで、現在のページで使いたいデバイスアイコンをクリックします。
-
一部のデバイスは見えない場合があります。表示するには、デバイス一覧を開き、表示したいデバイスの種類を選択してください。
ページのプレビューをOpen
現在のページのプレビューを別のブラウザタブで開くには:
-
上部のツールバーで「 Preview
」をクリックします。
新しいブラウザは、現在エディターで開いているページを表示します。ライブサイトと同様に、ページのリンクやメニューをクリックすることで他のページへ移動できます。閲覧は、サイトのページの閲覧権が持たない人でも、すべてのユーザーが利用可能です。
Chromeブラウザの新しいタブでプレビューを開く際、Inspect Elementsツールを使って異なるビューポートサイズでページを見ることもできます。