管理画面（ダッシュボード）の基本的な見方
旧マニュアル番号: No.6
Webflowにログインすると、最初に表示されるのが「ダッシュボード」です。ここからサイトの編集や設定など、様々な操作を開始します。このマニュアルでは、ダッシュボードの基本的な画面構成と各部の役割について解説します。
1. ダッシュボードの全体像
Webflowのダッシュボードは、あなたがアクセス権を持つサイトの一覧が表示される場所です。複数のサイトに関わっている場合は、ここに複数のサイトが並びます。
通常、クライアントとして招待された場合は、編集対象のサイトが1つだけ表示されているはずです。 実画面例: 対象サイトを開いた後のSite settings画面。左側にGeneral、Publishing、SEO、Formsなどのメニューが並びます。
ダッシュボードの主な構成要素:
- サイト一覧: 中央に、あなたが編集できるサイトのサムネイル画像が表示されます。
- サイト名: 各サイトのサムネイルの下に、サイト名が表示されます。
- （右上の）アカウント設定: 画面右上のアイコンから、ご自身のアカウント情報（名前やパスワードの変更など）を編集できます。
- （左上の）Webflowロゴ: Webflowのホーム画面に戻るためのロゴです。
2. サイトを選択して編集を開始する
サイトの更新作業を始めるには、このダッシュボードから目的のサイトを選択する必要があります。
-
サイトを探す: ダッシュボードに表示されているサイトの中から、編集したいサイトを見つけます。
-
サイトにカーソルを合わせる: サイトのサムネイル画像の上にマウスカーソルを合わせます。
-
「Open in Webflow」または編集用ボタンをクリック: カーソルを合わせると、いくつかのボタンが表示されます。2026年現在は、Content editor roleのユーザーもWebflow内のcanvasで編集する流れが基本です。表示されるボタン名はサイトや権限によって異なりますが、制作担当者から案内された編集用ボタンを開いてください。
実画面例: サイトを開くと、左側メニューから設定やフォーム確認に進めます。
3. 最初に押すボタン早見表
ログイン直後に迷った場合は、次の表で判断してください。
| やりたいこと | 押すもの | 押さないもの |
|---|---|---|
| 文章を直したい | Open in Webflow / Content editing | Designer |
| 画像を差し替えたい | Open in Webflow / Content editing | Designer |
| ブログやお知らせを追加したい | CMS / Collections | Delete、Archive |
| サイトの設定を確認したい | Site settings | Billing、Transfer |
| 公開前に見た目を確認したい | Preview | Publish |
より詳しい判断は ログイン直後に押すもの・押さないもの を確認してください。
4. 「Content editor role」と「Designer」
Webflowでは、役割によってできることが変わります。日常更新では、Content editor roleで作業するのが基本です。
-
Content editor role（コンテンツ更新担当）:
- 普段の更新作業で使うモードです。
- 文字の修正、画像の差し替え、お知らせやブログの投稿など、日常的な更新はすべてこのモードで行います。
- デザインやレイアウトを直接変更できないように制限されているため、安全に作業できます。
-
Designer（デザイナー）:
- サイトの構造やデザインそのものを編集する、より専門的なモードです。
- Webサイト制作会社がサイトを構築する際に使用します。
- 基本的に、クライアント様がこのモードを操作する必要はありません。 誤って操作すると、サイトのレイアウトが崩れるなどのトラブルの原因となります。
5. まとめ
- ダッシュボードは、サイト編集の入り口。
- サイトを更新する時は、Content editor roleでWebflowを開く。
- 「Designer」は専門家用なので、触らないようにする。
次のステップ: ダッシュボードの役割が理解できたところで、次は「No.7 【超重要】「エディター」と「デザイナー」の違いって何？」で、この2つのモードの違いについて、さらに詳しく学んでいきましょう。