ページを足す・差し替える／共通パーツ

左側の「ページ」一覧。「⋮」を押すと、そのページの操作が開きます

ページの行には、Studioへの書き出しの状態を示す印が付きます。

• 未書き出し… まだ書き出していないページ（クレジットはまだ使っていません）。
• 変更あり… 書き出したあとに直したページ。次に書き出すと、Studioに入れる内容に反映されます。
• 書き出し済み… 書き出したあと、変更していないページ。

ページ一覧の下にある「📥 HTML/CSSファイルから取り込む」を押し、足したいページのHTML（と、あればCSS）を選びます。 選んだページは、一覧の最後に新しいページとして加わります。 今あるページと同じファイル名でも上書きはされず、名前の後ろに番号が付いた別のページになります （今あるページを入れ替えたいときは、次の「差し替える」を使ってください）。

読み込むだけならクレジットは使いません。足したページは「未書き出し」になり、書き出したときに1ページにつき1クレジット使います （→ クレジットの数え方）。

差し替えたいページの行の「⋮」を押し、次のどれかを選びます。

• HTML/CSSファイルから取り込む… 直したHTML（とCSS）を選んで、このページを置き換えます。
• フォルダから取り込む… 画像も含めてフォルダごと選び、このページを置き換えます （フォルダを選ぶのが向いている場合は → サイトを読み込む）。
• 自分のAIで作る… お使いのAIに作ってもらったページで、このページを置き換えます （→ 自分のAIで作る（ベータ））。

選んだ中にページ（HTML）が複数あったときは、1つ目でこのページを置き換え、残りは新しいページとして足されます。

消したいページの「⋮」→「ページを削除する」を押し、確認の画面で「削除する」を押します （ページが1枚だけのときは、この項目は出ません）。 消した直後は、画面の下に「ページ「〇〇」を削除しました」と出るので、間違えたときはそこで「元に戻す」を押してください。 数秒で消えるので、見逃したら編集履歴から戻せます。

一度書き出したページを削除しても、その月に使ったクレジットは戻りません。 まだ書き出していないページなら、削除してもクレジットは減りません。

スマホ用のメニューのように、ボタンを押したときに出る画面（モーダル）が複数のページに入っていると、 ページ一覧の下の「共通パーツ」に1つにまとめて出ます。 たとえば「モーダル」の行に「sp-menu · 3ページ」とあれば、sp-menu という名前のモーダルが3ページで使われている、という意味です。

• 行を押すと、そのモーダルを開いた状態で編集できます（元のページでは閉じていても、編集中だけ開いて見せています）。
• どこかのページで文字などを直すと、同じモーダルを使っているほかのページにも同じ直しが入ります。
• 書き出すと、モーダルはページとは別に「モーダル（sp-menu）」のような行で出ます。 Studioで「モーダル」を作り、そこへこの行をコピーして貼り付けます。

なお、SHITAJIがモーダルだと見分けられなかった「ボタンで開くメニュー」は、閉じた状態（非表示）で取り込まれます。開いたまま取り込むとページ全体を覆ってしまうためです。 チェックポイントなどに「ボタンで開くメニューやモーダルは、閉じた状態（非表示）で取り込まれます」と出たら、これに当たります。 中身を直したいときは、Studioのレイヤー一覧で目のアイコンを押して表示に切り替えてください。

書き出したページどうしで同じヘッダー（ページ上部のロゴやメニュー）やフッター（ページ下部）が見つかると、 「Studio に取り込む」画面に「共通ヘッダー」「共通フッター」の行と、次のチェックが出ます。

「各ページからヘッダー／フッターを外して貼り付ける」にチェックを入れると、各ページはヘッダー・フッター抜きでコピーされます。 ヘッダー・フッターは「共通ヘッダー」「共通フッター」の行から1回だけコピーしてStudioに貼り、 Studio側でどのページでも使い回せる形にしておくと、あとで直すときも1か所で済みます。 チェックを入れなければ、これまでどおり各ページにヘッダー・フッターが入った状態でコピーされます。

コピー＆貼り付けの基本は 新規プロジェクトの作り方〜Studioに取り込むまで をご覧ください。