> ## Documentation Index
> Fetch the complete documentation index at: https://help.mosh.jp/llms.txt
> Use this file to discover all available pages before exploring further.

# ページ編集画面の構成

> ページビルダーの編集画面を構成するメニューバー・編集画面・切り替えボタンの3つの要素を説明します。

この記事では、ページビルダーの編集画面の構成を説明します。

<Frame>
  <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/f1611078-6a3e-427b-a868-80553240a527/image/w=1920,quality=90,fit=scale-down" />
</Frame>

ページビルダーは3つの画面構成で成り立っています。

1. メニューバー
2. 編集画面
3. デスクトップとモバイルの切り替え

## 1. メニューバー

各種ツールを配置したりできます。

<Frame>
  <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/bdfe36c8-0b7b-4509-ac99-f7e0245db2a0/image/w=1920,quality=90,fit=scale-down" />
</Frame>

## 2. 編集画面

LPにパーツを配置して移動ができます。

<Frame>
  <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/b2433e6a-b67f-46ee-ba2f-047a3d1b5e28/image/w=1920,quality=90,fit=scale-down" />
</Frame>

## 3. デスクトップとモバイルの切り替え

デスクトップとモバイルの切り替えを行えます。

<Frame>
  <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/8386e894-1fe7-4c72-83af-e3da72d90d31/image/w=1920,quality=90,fit=scale-down" />
</Frame>