コンテンツにスキップ
IGNITE Webflow更新マニュアル

B-2. Content Editor（最新版）でWebflowを開く方法

Dashboard上のOpen in Webflow入口

ここからは、実際のサイト更新作業で最もよく使う Content editor roleでの開き方 について解説します。

1. Dashboardから開く

ログイン後の最初の画面である「Dashboard」から対象サイトを開く、最も基本的な方法です。

  1. Webflowにログイン: 作成したアカウントで初めてサイトにログインする方法で解説した手順で、まずはWebflowにログインします。

  2. Dashboardでサイトを選択: ログインすると、編集権限のあるサイトが一覧表示されたDashboardが開きます。目的のサイトを探します。

  3. 編集用の入口をクリック: 「Open in Webflow」または制作担当者から案内された編集用ボタンをクリックします。Content editor roleが付与されている場合、デザイン編集ではなくコンテンツ編集に必要な範囲でWebflowを開けます。

  4. Webflowのcanvasでサイトが開く: サイトの見た目を確認しながら、編集可能なテキスト、画像、リンク、CMSコンテンツを更新できます。

最新Content editor roleで開いた直後のcanvas画面

2. ?update で直接開く

毎回Dashboardを経由せず、公開サイトの該当ページから直接Content editor roleの編集画面へ入る方法です。

  1. 専用URLにアクセス: お使いのブラウザで、編集したいページのURL末尾に ?update を付けます。

    例: https://www.example.com/service/?update

  2. ログイン: まだログインしていない場合は、ログイン画面が表示されます。メールアドレスとパスワードを入力してログインしてください。すでにログイン済みの場合は、直接Webflowの編集画面が開きます。

3. 編集できる状態の目印

Content editor roleで開けている場合、編集可能なテキスト、画像、リンクにマウスを合わせると編集用のアイコンやアウトラインが表示されます。

編集アイコンが表示されない場合は、ログインしているメールアドレス、Site role、編集対象ページ、編集不可に設定された要素ではないかを確認してください。

最新版のcanvas画面で見る場所、編集アイコン、CMS、Assets、Publishの判断は B-13. 最新Content Editor画面の見方 にまとめています。

4. 開いた後にまず見る場所

Webflowが開いたら、すぐに編集を始めず、次の順番で確認します。

  1. 正しいサイトを開いているか確認します。
  2. 正しいページを開いているか確認します。
  3. 文章・画像・リンクにカーソルを合わせ、青いアウトラインや編集アイコンが出るか確認します。
  4. CMS記事を触る場合は、CMSパネルまたはCMSテンプレートページを開いているか確認します。
  5. Publish権限がある場合も、公開前チェックを済ませてからPublishします。

Content Editorを開いた直後の確認画面

実画面例: 編集を始める前に、正しいサイト名、編集可能な要素、左側メニューの入口が見えているかを確認します。

次のステップ: 無事にWebflowを開くことができたら、まず B-13. 最新Content Editor画面の見方 を確認し、その後 エディターでサイトの文字を書き換える方法 に進みましょう。

Content Editorで開く流れの図解