ブロックエディター(グーテンベルグ)&SWELLのショートカット大全!

ブログ ショートカット アイキャッチ

著者情報

この記事を書いた人
サイトアイキャッチ りぶらい

りぶらい

毎日の暮らしに”ちょっと良い”をプラスするモノやサービスの情報をお届けします!

WordPressのブロックエディター(Gutenberg)は、直感的に記事を作成できる反面、キーボードとマウスを行き来する操作が多くなりがちです。

この記事では、ブロックエディター(Gutenberg)で使えるショートカットをまとめてご紹介します。

作業時間の効率化などにお役立て下さい!

タップできる目次

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

基本的なショートカット集です!

操作ショートカット
キーボードショートカットを表示するShift + Alt + H
エディタービジュアル⇄コード)の切り替えCtrl + Shift + Alt +M
全画面モードへ切り替えCtrl + Shift + Alt +F
ブロックリストビューを開くShift + Alt +O
エディターの後の部分に移動するShift + Alt +N
エディターの前の部分に移動するShift + Alt +P
一番近くにあるツールバーに移動するAlt + F10
投稿や下書きの変更を保存するCtrl + S
直前の入力を取り消すCtrl + Z
取り消しの操作をやり直す(キャンセル)Ctrl + Y

選択系ショートカット

テキストやブロックなどの選択/解除を行う基本的なショートカットです!

操作ショートカット
すべてのテキストを選択する
すべてのブロックを選択する
Ctrl + A
選択をキャンセルするEsc

書式系ショートカット

文字装飾やリンクを貼る際の基本的なショートカットです!

操作ショートカット
選択したテキストを太字にするCtrl + B
選択したテキストを斜体にするCtrl + I
選択したテキストをリンクに変換するCtrl + K
選択範囲のリンクを削除するCtrl + Shift + K
投稿や固定ページへのリンクを挿入する[[
選択したテキストに下線を付けるCtrl + U
選択したテキストに取り消し線を付けるShift + Alt + D
選択したテキストをインラインコードにするShift + Alt + X

ブロック操作系ショートカット

ブロックを呼び出したり、作成、移動したりする際に使用するショートカット集です!

ブロック操作一般

操作ショートカット
空ブロックの追加/
見出し追加# + Space(#の数で見出しレベルを変更可能)
リストの追加– + Space
数字付きリストの追加1. + Space
ブロックの複製Ctrl + Shift + D
ブロックの削除Shift + Alt + Z
新規ブロックを上に追加するCtrl+ Alt + T
新規ブロックを下に追加するCtrl+ Alt + Y
ブロックを上に移動するCtrl + Shift + Alt + T
ブロックを下に移動するCtrl + Shift + Alt + Y

空ブロックの追加詳細

テキスト系ブロック

操作ショートカット 英語ショートカット 日本語
見出しを追加/ + head / + 見出し
リストを追加/ + list/ + リスト
引用を追加/ + quote/ + 引用
クラシック???/ + クラシック
コードを追加/ + code/ + コード
整形済みテキスト???/ + 整形済みテキスト
プルクオートを追加/ + pull quote/ + プルクオート
テーブルを追加/ + table/ + テーブル
詩を追加/ + verse/ + 詩

メディア系ブロック

操作ショートカット 英語ショートカット 日本語
画像/ + image/ + 画像
ギャラリー/ + gallery/ + ギャラリー
音声/ + audio/ + 音声
カバー/ + cover/ + カバー
ファイル/ + file/ + ファイル
メディアとテキスト/ + media text/ + メディアとテキスト
動画/ + video/ + 動画

デザイン系ブロック

操作ショートカット 英語ショートカット 日本語
ボタン/ + button/ + ボタン
カラム/ + column/ + カラム
グループ/ + group/ + グループ
横並び???/ + 横並び
縦積み???/ + 縦積み
続き/ + more/ + 続き
ページ区切り???/ + ページ区切り
区切り/ + separator/ + 区切り
スペーサー/ + spacer/ + スペーサー

ウィジェット系ブロック

操作ショートカット 英語ショートカット 日本語
アーカイブ/ + archive/ + アーカイブ
カレンダー/ + calendar/ + カレンダー
カテゴリー一覧/ + categories/ + カテゴリー一覧
カスタムHTML/ + html/ + カスタム html
最新のコメント/ + comments/ + 最新のコメント
最新の投稿/ + posts/ + 最新の投稿
固定ページリスト/ + page list/ + 固定ページリスト
RSS/ + rss/ + RSS
検索/ + search/ + 検索
ショートコード/ + short code/ + ショートコード
ソーシャルアイコン/ + social/ + ソーシャルアイコン
タグクラウド/ + tag cloud/ + タグクラウド

埋め込み系ブロック

操作ショートカット 英語
埋め込み/ + embed
Twitter/ + twitter
YouTube/ + youtube
WordPress/ + wordpress
SoundCloud/ + sound cloud
Spotify/ + spotify
Flickr/ + flickr
Vimeo/ + vimeo
Animoto/ + animoto
Cloudup/ + cloudup
Crowdsignal/ + crowdsignal
Dailymotion/ + dailymotion
Imgur/ + imgur
Issuu/ + issuu
Kickstarter/ + kickstarter
Mixcloud/ + mixcloud
Pocket Casts/ + pocket casts
Reddit/ + reddit
ReverbNation/ + reverbnation
Screencast/ + screencast
Scribd/ + scribd
Slideshare/ + slideshare
SmugMug/ + sumgmug
Speaker Deck/ + speakerdeck
TikTok/ + tiktok
TED/ + ted
Tumblr/ + tumblr
VideoPress/ + videopress
WordPress.tv/ + wordpress tv
Amazon Kindle/ + kindle
Pinterest/ + pinterest
Wolfram/ + wolfram

SWELLブロック

SWELL専用ブロックを呼び出す際のショートカット集です!

操作ショートカット 英語ショートカット 日本語
SWELLブロックの絞り込み/ + swellなし
リスト入りグループ/ + list group/ + リスト入りグループ
アコーディオン/ + accordion/ + アコーディオン
バナーリンク/ + banner/ + バナーリンク
ボックスメニュー/ + box menu/ + ボックスメニュー
SWELLボタン/ + swell button/ + swell ボタン
キャプションボックス/ + cap/ + キャプションボックス
リッチカラム/ + rich column/ + リッチカラム
説明リスト/ + swell dl/ + 説明リスト
FAQ/ + faq/ + faq
フルワイド/ + full wide/ + フルワイド
ステップ/ + step/ + ステップ
タブ/ + swell tab/ + タブ
ABテスト/ + ab test/ + abテスト
広告タグ/ + ad tag/ + 広告タグ
ふきだし/ + balloon/ + ふきだし
ブログパーツ/ + parts/ + ブログパーツ
リンクリスト/ + link list/ + リンクリスト
投稿リスト/ + post list/ + 投稿リスト
関連記事/ + card/ + 関連記事
制限エリア/ + area/ + 制限エリア
商品レビュー/ + review/ + 商品レビュー
RSS/ + swell rss/ + swell rss

\この記事はSWELLで作成しています!/

ブログ ショートカット アイキャッチ

この記事が気に入ったら
フォローしてね!

やる気に繋がるので、良ければシェアをお願いします!
  • URLをコピーしました!

コメント

コメントする

CAPTCHA


タップできる目次