この記事では、エブリサイトのページ画面全体と、画面デザインタブについて説明します。


ページ画面では、画面デザイン、接続設定、ページ生成時処理、ページ内処理についての操作(追加、編集、削除)などが行えます。


エブリサイトの接続設定タブの説明は次の記事をご覧ください。

ページ画面の接続設定タブについて


また、エブリサイトのページ生成時処理、ページ内処理の説明は次の記事をご覧ください。

ページ画面のページ生成時処理・ページ内処理タブについて


ページ画面の画面全景

ページ画面を開いたときのイメージは次のようになります。


全体的な操作をするためのボタン・機能

左上の「≡(ハンバーガーメニュー)」、パンくずリスト、右上のアカウントアイコン・アカウントメニュー

こちらについては、次の記事をご覧ください。

各画面共通の部分について


アンドゥボタン(左矢印のボタン)

ページの変更操作を1操作分戻す事ができます。


リドゥボタン(右矢印のボタン)

アンドゥボタンで戻した変更操作を1操作分戻さなかった事にできます。


画面デザイン、接続設定、ページ生成時処理、ページ内処理タブ

それぞれの要素を操作する事ができます。操作したい要素のタブをクリックしてください。


また、それぞれのタブの説明については


画面デザインタブ:この記事をご覧ください

接続設定タブ:ページ画面の接続設定タブについて をご覧ください

ページ生成時処理、ページ内処理タブ:ページ画面のページ生成時処理・ページ内処理タブについて をご覧ください。


このページをテストする

現在のページをテスト表示する事ができます。


画面デザインタブ(タイルの表示および操作)

まず前提として、ページ画面の下部にある板状のものをタイルと呼びます。


エブリサイトのページ画面ではWebページの構造を、構成する要素(タイル)を追加したり、切ったり、結合したりして実現することができます。


なお、タイルの背景色が赤くなっているものは、ウィジェットの設定が不足しておりページが公開できない状態になっているタイルを示します。


タイルを追加

タイル全体の上下左右には追加ボタンがあり、それぞれの位置にタイルを追加することが出来ます。


ウィジェットID

ウィジェットを示す、IDが表示されます。


ウィジェット

ウィジェットの名称(「シンプルパネル」などの)が表示されます。また、ここをクリックすると、ウィジェットを編集(変更)することができます。


ドキュメントを見る

?をクリックするとウィジェットのドキュメントを見ることができます。


レイアウトを変更する(タイルを切る、タイルを結合)

ウィジェットのすぐ下にある「レイアウトを変更」ボタンをクリックすると、タイルを切る、タイルを結合ボタンが出てきて、タイルを切る・タイルを結合することができます。