Studio

Studio Editor 5.0は、すべてのクリエイターが直感的かつ効率的に創作できる環境を目指した、新世代Webデザインエディタです。2025年9月1日より、ベータ版として公開しています。

Editor 5.0 とは

Studioの新しいデザインエディタ、Editor 5.0 Betaを始めましょう。現行エディタからの切り替え方法と、切り替え時の注意点を説明します。

Editor 5.0： デザインエディタの切り替え方法

旧エディタのUIと比較しながら、2025年11月25日にリリースされるEditor 5.0で変更された操作箇所について解説します。

Editor 5.0と旧エディタの主な変更箇所

ベータ版として公開中の新エディタ・Editor 5.0について解説します。

Editor 5.0

ベータ提供期間中は、原則として有人での問い合わせサポートは提供していません。要望や不具合の報告は、送信専用窓口をご用意しています。情報共有にはCommunityの専用スペースもご活用ください。

Editor 5.0: ベータ期間中のサポートポリシー

ベータ版のEditor 5.0についてのご案内

Editor 5.0 Beta

デザインエディタは、StudioでWebサイトのデザインを作成・編集するためのツールです。ページの追加、デザインに必要なパーツの追加、アニメーションの設定など、Webページのデザイン作成を直感的な操作で行うことが可能です。この記事では、デザインエディタの概要と基本機能を紹介します。

デザインエディタ

デザインエディタの右側で展開されるパネルについて解説します。右パネルではボックスごとのデザインやスタイリング、データ編集、サイト・ページのメタ情報設定などを行います。各種操作方法や主な機能を紹介します。

右パネル

デザインエディタ左側で展開されるパネルについて解説します。左パネルでは、サイトを構成する要素（ボックス）の追加や管理などを行います。パネル上で行う操作の詳細や機能について紹介します。

左パネル

各パネル紹介、ライブプレビュー、表示倍率の変更、コメント機能、コンテンツ編集モード、コマンドパレット、キーボードショートカット

エディタ：操作画面と基本操作

エディタ：デザイン編集

画面幅（ブレイクポイント）ごとにコンテンツの表示・非表示を設定する方法を紹介します。レスポンシブデザインに活用できます。

【Editor 5.0】画面幅（ブレイクポイント）ごとにボックスの表示/非表示設定をする

レスポンシブデザインで画面サイズに応じたレイアウトを実現するにあたり、画面幅の切り替えポイントを設定できます。PC・タブレット・モバイルの基本サイズに加えて、スモールサイズとミニサイズも追加できます。

【Editor 5.0】ブレイクポイントの設定方法

Studioサイトのレスポンシブデザインの設定方法とコツを解説します。デバイスサイズに応じたデザインを作成し、ユーザーに最適な表示を提供しましょう。

【Editor 5.0】レスポンシブデザインを設定する

レスポンシブ設定

StudioエディタにアップロードしたPDFファイルは、ページ上で直接表示されませんが、リンクとして設定できます。会社案内や配布資料などさまざまな用途にPDFリンクを活用できます。

【Editor 5.0】アップロードしたPDFファイルをリンク先に指定する

ボックスにIDを設定すると、そのボックスをアンカーリンクの遷移先として指定できます。

【Editor 5.0】ボックスにIDを設定する

Studioのボックスに設定できるHTMLタグの種類と、タグ設定の具体的な手順を説明します。

【Editor 5.0】HTMLタグの種類と設定手順

リンク設定・タグ設定

Create a custom design with text, images, and links

Studio.Design

Studio.Blog

Studio.Showcase

What's New

Updates

公式サイト

公式ブログ

事例集

セミナー＆アーカイブ動画

YouTube

コミュニティで知見を深める

Intercom のサポートやコミュニティのエキスパートに質問し、答えてもらいましょう。

このサイトでは、当社および当社の第三者ベンダーが、当社のクッキーポリシーに記載された目的のために、お客様とサイトでのやりとり（閲覧したコンテンツ、カーソルの動き、画面の記録、チャット内容を含む）に関する個人情報を監視および記録するために、クッキーやその他の技術を使用しています。当サイトを引き続きご利用いただくことで、{websiteTermsLink}、{privacyPolicyLink}および{cookiePolicyLink}に同意したことになります。

このサイトでは、サイトの運営に必要不可欠なCookieおよび類似のテクノロジー（以下「Cookie」）を使用します。また、当社とパートナーは、サイトのパフォーマンス分析、機能、広告、ソーシャルメディア機能を有効にするために、追加のクッキーを設定したいと考えています。詳細については、{cookiePolicyLink}をご覧ください。クッキーの設定は、[クッキー設定] で変更することができます。

当社では、ウェブサイトの機能維持、分析、そして広告表示のためにクッキーを使用しています。オプションで必要に応じて希望するクッキーを有効または無効にできます。詳細については、{cookiePolicyLink}をご覧ください。

お客様には、個人情報の販売をオプトアウトする権利があります。お客様のデータの使用方法について詳しくは、{cookiePolicyLink}をご覧ください。

お客様のプライバシーに関する選択

当社では、お客様の体験を向上させるためにクッキーを使用しています。クッキーの設定は以下でカスタマイズすることができます。詳細については、{cookiePolicyLink}をご覧ください。

クッキー設定

リンク, 終了するにはcontrol-option-right-arrowを押します

ヘルプセンターは空です

エラーが発生しました。そのページは存在しません。

がっかり

無表情

笑顔

考えています...

ソースを検索しています...

分析しています...

メッセンジャー経由で送信されたチケット、または会話内でサポートエージェントによって送信されたチケットがここに表示されます。

お客様が作成したチケットはありません

別のキーワードを使用するか、入力ミスがないか確認してみてください。

別のキーワードやフィルタを使用してみてください。

チケットが見つかりませんでした

タイトル

御社に関連するすべてのチケットの進捗状況を追跡

チケットポータル。

{assigneeName}さんがこちらに対応中です！

{assigneeName}さんがチケットを完了しました

{assigneeName}さんが近日中に対応する予定です

{assigneeName}さんが詳細情報を必要としています

あなたのチケットは完了しました