メインコンテンツにスキップ
キーボードショートカット一覧

Studioでの操作がより効率的に行えるキーボードショートカットをご紹介します。

Saika avatar
対応者:Saika
2か月以上前に更新

Studioのキーボードショートカット一覧

デザインエディタやCMSアイテム編集時に活用できるキーボードショートカット一覧をご紹介します。

下記表内で記載されている「⌘」は、Windowsの場合には「Ctrl」になります。

ボックス編集

デザインエディタ上でボックスを編集する際に便利なショートカットキーです。

実行内容

ショートカット

コピー

⌘ + C

カット

⌘ + X

ペースト

⌘ + V

削除

delete

グループ化

⌘ + G

グループ解除

⌘ + shift + G

リスト化

⌘ + L

コンポーネント化

⌘ + J

複製

⌘ + D

ドラッグ&ドロップでの複製

option (alt) + D&D

複数選択

Shift + Click

選択要素移動(次)

Tab

選択要素移動(手前)

Shift + Tab

子要素選択

Enter

親要素選択

Shift + Enter

親要素選択

Esc

グループ内のボックス順序変更

「↑」「↓」「←」「→」

ダイレクト選択

⌘ + Click

パネル操作

エディタ画面の左右パネルの開閉操作ができます。

実行内容

ショートカット

ページパネルの開閉

⌘ + 1

レイヤーパネルの開閉

⌘ + 2

スタイルパネルの開閉

⌘ + 3

追加パネルの開閉

⌘ + 4

ボックス設定パネルの開閉

⌘ + 5

レイヤー操作

実行内容

ショートカット

レイヤーを全開閉する

option (alt) + Click

検索

ページやダッシュボード情報、プロジェクトが検索できるコマンドパレットを表示します。詳しい利用方法については、以下の記事をご覧ください。

実行内容

ショートカット

コマンドパレットを開く

⌘ + K

エディタ操作

実行内容

ショートカット

戻る

⌘ + Z

進む

⌘ + shift + Z

ズームイン/ズームアウト

+ / -

100%表示

⌘ + 0

ページ操作

実行内容

ショートカット

前みたページに戻る

⌘ + ←

次のページに進む

⌘ + →

リッチテキスト操作

CMS記事アイテムの本文とエディタで追加するリッチテキストボックスで利用できます。

実行内容

ショートカット

選択範囲を太字にする/取り消す

⌘ + B

選択範囲を斜体にする/取り消す

⌘ + I

選択範囲に下線をつける/取り消す

⌘ + U

選択範囲に取り消し線をつける/取り消す

⌘ + shift + S

選択範囲をリンクにする

⌘ + K

こちらの回答で解決しましたか?