Gutenbergでページ編集を楽にするために覚えておくとよいショートカット３つ

数あるショートカットの中から、３つだけ厳選しました。あと、その他に使えそうなものと、全ショートカット一覧を用意してます。(2019/9/22更新)

目次

• Macのショートカット記号の確認
• 役立つショートカット３つ
  • 直前の変更を取り消す
  • 選択した文字にリンクを設定する
  • ブロックの複製
• 頻度少し低めのショートカット４つ
  • ブロック削除
  • ブロック追加
  • 太字・斜体・下線・取り消し線をつける
  • キーボード一覧表示
• Gutenbergの全ショートカット一覧表
• まとめ
• 関連リンク
• 謝辞

Macのショートカット記号の確認

記号	キーボード
⌘	Command(コマンド)
⌥	Option（オプション）
⇧	Shift（シフト）
⌃	Control（コントロール）

※キーボードは同時押しで。

役立つショートカット３つ

 

編集をしているとキーボードからあまり手を離したくないなら、便利なショートカットを覚えましょう。覚えると大変便利！普段の編集でそよパパが活用しているショートカットをご紹介。

 

１．直前の変更を取り消す

このショートカットは覚えやすいですよね。Gutenberg以外にも、普段の文章作成で使っている方も多いと思います。

⌘ + Z　取り消し
⇧ + ⌘ + Z　取り消しのやり直し  

２．選択した文字にリンクを設定する

このショートカットが地味に便利♪文字列を指定してショートカット入力でOK。解除も楽々です。

⌘ + K　リンクを設定する
⇧ + ⌘ + K　リンクを解除する  

３．ブロックの複製

文字を全選択してコピペもいいけれど、これ覚えるともっと楽々ですよ♪

やり方は、

• 今いるブロックの中でショートカットを入力する
• 複製したいブロックを指定してショートカットを入力

どちらでも。

⌘ + ⇧ + D

ショートカット覚えるのにもう少し余力のある方は、下の４つもどうぞ。

---

 

頻度少し低めのショートカット４つ

 

上位３つに比べたら頻度がかなり低いショートカットですが、感覚的にブロック操作ができるのは便利だと思います。そよパパも意識的に使ってみて身につけようと思ってます。

４．ブロック削除

⌃(Control) + ⌥(Option) + Z

５．ブロック追加

⌥(Option) + ⌘ + T　前へ追加
⌥(Option) + ⌘ + Y　後ろへ追加

６．太字・斜体・下線・取り消し線をつける

⌘ + B　太字
⌘ + I　斜体
⌘ + U　下線
⌃(Control) + ⌥(Option) + D　取り消し線

７．キーボードショートカット一覧表示

⌃(Control) + ⌥(Option) + H　
 

Gutenbergの全ショートカット一覧表

 

グローバルショートカット

• ^⌥H  このヘルプを表示する。
• ⌘S  変更を保存する。
• ⌘Z  直前の変更を取り消す。
• ⇧⌘Z  前回の取り消しをやり直す。
• ⇧⌘,  設定サイドバーの表示/非表示を切り替える。
• ^⌥O  ブロックナビゲーションメニューを開く。
• ^`エディターの後の部分に移動する。
• ^⌥N  エディターの後の部分に移動する (代替オプション) 。
• ^⌥P  エディターの前の部分に移動する (代替オプション) 。
• ⌥F10  一番近くにあるツールバーに移動する。
• ⇧⌥⌘M  ビジュアルエディターとコードエディターを切り替える。

選択ショートカット

• ⌘A  入力中にすべてのテキストを選択します。すべてのブロックを選択するにはもう一度押してください。
• Esc  選択項目をクリアする。

ブロックショートカット

• ⇧⌘D  選択したブロックを複製する。
• ^⌥Z  選択したブロックを削除する。
• ⌥⌘T  選択したブロックの前に新しいブロックを挿入する。
• ⌥⌘Y  選択したブロックの後に新しいブロックを挿入する。
• / 新規段落の追加後、ブロックタイプを変更します。

書式設定

• ⌘B  選択したテキストを太字にする。
• ⌘I  選択したテキストを斜体にする。
• ⌘U  選択したテキストに下線を付ける。
• ⌘K  選択したテキストをリンクに変換する。
• ⇧⌘K  リンクを削除する。
• ^⌥D  選択したテキストに取り消し線を追加する。
• ^⌥X  選択したテキストを等幅フォントで表示する。

ショートカット一覧は、画面右上の︙をクリックし、キーボードショートカットを選択すると表示されます。

Gutenbergのヘルプに入っているショートカットの一覧です。
（Gutenberg Version 6.5.0 *2019/9/20現在）

 

まとめ

 

Gutenbergのショートカット、いかがでしたか？

編集をするときに覚えておくと大変便利なショートカット、慣れてくるとキーボードから手を離す回数を少しでも減らすことができます。この機会にぜひ覚えて記事作成時に活用してみてくださいね。

最後まで読んでいただきありがとうございました。

 

2019/9/20 (連続更新12日目) Gutenbergを使えば使うほど毎日新しい発見があるので面白い。これからメジャーになってくれるとよいけれど相変わらず評価は低いよね😂

 

関連リンク

• Gutenbergプラグインページ

 

謝辞

キーボードボタンを本物のボタンのようにみせるCSSは、Colissさんのサイトで紹介されているCSSを利用させていただきました。ありがとうございました。

コリス

[CSS]ショートカットの表記をApple Keyboard風に美しく実装するスタイルシート ブログなどでショートカットを単にテキストで記述するのではなく、ちょっと洒落た感じに、Apple Keyboard風に実装するスタイルシートを紹介します。 これは、Apple Keyboar...