Studioのコンテンツ編集モードとは|使い方を詳しく解説

Studioでサイトを公開した後、デザインを崩さずにテキストや画像だけをサクッと更新したいと思ったことはありませんか?
Studioの操作に慣れていないのに、エディタ上で画像を入れ替えたり、文章を入れ替えたりするのは非常に怖いですよね。
そんな時に便利なのがStudioの「コンテンツ編集モード」です。 このモードを使えば、デザイン崩れすることなく安全にサイトの中身だけを書き換えられるため、非デザイナーの方やクライアント様でも安心して運用が可能です。
本記事ではコンテンツ編集モードでできること、使い方について詳しく解説します。
「Studioの使い方がまだイマイチわかっていない、、、」という方は、以下のマニュアルも参考にしてみてください。

Studioのコンテンツ編集モードとは
Studioのコンテンツ編集モードとは、デザインを崩さずにコンテンツを編集できるモードです。
例えば、下記のようなケースで大活躍します。
- 文言の微調整や最終チェックをする時
- クライアントや非デザイナーに更新を任せる時
- 効率よくサイト内の画像・テキストを入れ替えたい時
イメージしにくいと思うので、コンテンツ編集モードでどのようなことが実現できるのかを動画でご覧ください。
Kaji右パネルでテキストや画像を編集するので、デザイン崩れを起こす可能性が低いです!
コンテンツ編集モードで管理できる内容
次に、コンテンツ編集モードで管理できる内容について紹介します。
- 画像
- テキスト
- リッチテキスト
- アイコン
中でも特に編集するのが、「テキスト」と「画像」になります。





テキスト内容の差し替え・画像変更が、デザインを崩さずに実行できます。
一方で、コンテンツ編集モードでは下記の操作ができません。
- ボックスやテキストのデザイン編集
- ボックスの削除
- コンポーネントの編集
- 動的リストの編集
- ページのメタ情報、カスタムコード、構造化データ(サイト設定・ページ設定)の編集
- ページ名、パス、ページタイプの編集
- ボックスに紐付けたCMSプロパティの編集
- リンク設定およびHTMLタグ設定の編集
コンテンツ編集モードで、「サイトの中身をすべて編集できる訳ではない」ということはしっかり覚えておきましょう。
Studioのコンテンツ編集モードの使い方
Studioのコンテンツ編集モードの使い方は、2パターンあります。
実際の画像を用いて解説します。
ページ全体を編集したい場合
左パネルの下側にある「コンテンツ編集」のアイコンをクリックします。


右パネルでコンテンツを編集していきます。


編集が終わったら、左パネルの下側にある「コンテンツ編集」のアイコンを再度クリックして、コンテンツ編集モードを解除します。


一部セクションだけ編集したい場合
左パネルの下側にある「コンテンツ編集」のアイコンをクリックします。


編集したいセクションを選択すれば、そのセクションのコンテンツだけを編集することができます。


右パネルでコンテンツを編集していきます。


編集が終わったら、左パネルの下側にある「コンテンツ編集」のアイコンを再度クリックして、コンテンツ編集モードを解除します。


Studioでのサイト制作は「Terace」にお任せ!
当メディアを運営する私達は、Studioの制作代行サービス「ラク子」を運営しています。



「デザイナー」と「フロントエンジニア」のフリーランス3名で運営しています!
- ポッキリ価格でホームページを制作できる
- 専属デザイナーが完全オリジナルのデザイン作成
- 納品後1ヶ月間は無料の電話サポートあり
- 自社更新できるホームページが作れる
- ホームページ制作期間中は何度でも無料相談できる
- 顔の出ているフリーランス3人が運営
- 維持費0円でホームページを運営できる
料金プランは、以下の通りです。


ポッキリ価格でホームページが作れるサービスであり、個人事業主や中小企業からよく選ばれています。サービス利用者の声を聞きたい方は、ぜひ以下のインタビュー記事をご覧ください。






今だけ、毎月3組まで制作費用が3万円割引になるキャンペーンを行っています。
先着順で締め切るので、気になる方はぜひお早めにお問い合わせください!










※コメントは最大500文字、5回まで送信できます