時間と効率を向上させる WordPress ブロックエディタ(Gutenberg)キーボードショートカット

Last Updated: 2024 年 10 月 04 日 5のコメント

WordPress ブロックエディタ(Gutenberg)でキーボードショートカットを使用すると、書き込みや編集時にマウスを使用せずにキーボードでほとんどのタスクを処理でき、時間を節約し、作業効率を向上させることができます。また、マウスの使用を減らすことで、指や手首に負荷がかかることを減らすこともできます。

[この記事は2024年4月25日に最終更新されました。 ]

Gutenbergでブロックを迅速かつ簡単に追加する方法

WordPress가 バージョン5.7にアップデートされ、ブロックをドラッグ&ドロップドラッグ&ドロップ機能が導入され、以前より簡単にブロックを追加することができました。

別の方法として、新しい段落で スラッシュ(/)を入力すると、頻繁に使用するブロックが表示され、 ブロック名を入力すると、そのブロックが選択できるように表示されます。 例えば、 /使用と入力すると、カスタムHTML'ブロックを選択して追加できます。

この方法を使用すると、マウスを使用していなくても、簡単に新しいブロックを選択することができます。

WordPressが更新されると、一部のバージョンでは「/ハングルブロック名」が機能しないことがあります。そのような場合は、「/英語ブロック名」を入力すると機能します。例:「/余白」の代わりに「/ spacing」と入力すると、「余白ツール」ブロックが表示されます。

WordPressで提供される Gutenberg ブロック

Gutenberg(Gutenberg;ブロックエディタ)は、 WordPress 5.0から導入された新しいエディタです。 導入当時は議論が多かったが、今は、初期より多くの安定化された機能も継続的に改善されています。 間もなく エレメン などのページビルダーをある程度置き換えること水準まで機能が強化されていないか予想されます。

Gutenbergは、さまざまなブロックを提供しています。

  • Paragraph - 段落
  • Heading - ヘディング
  • List - リスト
  • Quote - 引用
  • Code - コード
  • Classic - クラシック
  • Preformatted - 事前書式設定
  • Pullquote - 内部引用
  • Table - テーブル(表)
  • Verse - 句
  • Image - イメージ
  • Gallery - ギャラリー
  • Cover - カバー
  • Video - ビデオ
  • Audio - オーディオ
  • File - ファイル
  • Media & Text - メディア&テキスト
  • Columns - 列
  • Buttons - ボタン
  • Group - グループ
  • More - もっと見る
  • Page Break - 改ページ
  • Separator - 区切り文字
  • Spacer - マージンツール
  • Shortcode - ショートコード
  • Archives - ライブラリ
  • Calendar - カレンダー
  • Categories - カテゴリ
  • カスタムHTML - カスタムHTML
  • Latest Comments - 最近のコメント
  • Latest Posts最新記事
  • RSS
  • Social Icons - ソーシャルアイコン
  • Tag Cloud - タグクラウド
  • Search - 検索
  • Embed - 埋め込み
  • Twitter
  • YouTube
  • などなど

ブログに投稿の作成と編集の効率を高めるのに役立ついくつかの WordPress Gutenberg キーボードショートカット

以下は、記事の作成と編集の効率を高めるのに役立ついくつかの Gutenberg キーボードショートカットです。

  • スラッシュ(/) - 上記のようにスラッシュを入力すると、頻繁に使用するブロックが選択できるように表示されて、ブロックの名前を入力してすぐにブロックを追加することができます。 慣れてくると簡単にブロックを入力することができます。
  • ショートカット CTRL+Shift+ALT+M - (Windowsの場合)、コードエディタに切り替えます。 コードエディタの状態では、このショートカットを入力すると、ビジュアル・エディタに切り替えます。
  • ショートカット Cmd+Shift+ALT+M - (Mac)Mac上でコードエディタとビジュアルエディタの間を切り替えます。
  • エンター(Enter) - 新しいブロックを作成します。 スラッシュ(/)のショートカットと一緒に使用すると、複数のブロックを簡単に作成することができます。

複雑なショートカット(例: CTRL+Shift+ALT+M)をより簡単なショートカットに変更することも可能です。

WordPress キーボードショートカット(ウィンドウ&Macユーザー)

機能윈도우マック(Mac)
コピーCtrlキー+ CCmd + C
貼り付けCtrlキー+ VCmd + V
太字(ボールド)Ctrlキー+ BCmd + B
イタリック(斜体)Ctrlキー+ ICmd + I
カットCtrl + XキーCmd + X
すべて選択Ctrlキー+Cmd + A
元に戻すCtrlキー+ ZCmd + Z
変更を保存Ctrl + SキーCmd + S
印刷(プリント)Ctrlキー+ PCmd + P
選択したテキストの下線Ctrlキー+ UCmd + U
選択したテキストにリンクを追加Ctrl + KCmd + K
キーボードショートカットを表示Alt + Shift + HOpt + Ctrl + H

Gutenberg キーボードショートカット

Gutenberg 編集画面で Alt + Shift + H(H = Help)をクリックすると、全体の Gutenberg キーボードショートカットを確認することができます。 場合によっては、一部のブラウザ(例えばFirefoxの)も、このキーボードショートカットを使用することができます。

全体のショートカット

ビジュアルエディタとコードエディタの間を切り替えます。Ctrl + Shift + Alt + M
全画面表示モードを切り替えます。Ctrl + Shift + Alt + F
ブロックリストの表示を開きます。Shift + Alt + O
設定サイドバーを表示または非表示に。Ctrl + Shift +、
エディタの次の部分に移動します。Ctrl + `
Shift + Alt + N
エディタの前の部分に移動します。Ctrl + Shift + `
Shift + Alt + P
最も近いツールバーに移動します。Alt + F10
変更を保存します。Ctrl + Sキー
最後の変更をキャンセルします。Ctrlキー+ Z
最後の取り消しを実行します。Ctrl + Shift + Z

選択ショートカット

入力すると、すべてのテキストを選択します。 すべてのブロックを選択するには、もう一度押します。Ctrlキー+
選択をクリアします。脱出

ブロックショートカット

選択されたブロックを複製します。Ctrl + Shift + D
選択したブロックを削除します。Shift + Alt + Z
選択したブロックの前に新しいブロックを挿入します。Ctrl + Alt + T
選択されたブロックの後に新しいブロックを挿入します。Ctrl + Alt + Y
選択した複数のブロックを削除します。インクルード
バックスペース
選択されたブロックを上に移動します。Ctrl + Shift + Alt + T
選択されたブロックを下に移動します。Ctrl + Shift + Alt + Y
新しい段落を追加した後、ブロックの種類を変更します。/

テキストの書式設定

選択したテキストを太字にします。Ctrlキー+ B
選択したテキストに斜体で適用します。Ctrlキー+ I
選択したテキストをリンクに変換します。Ctrl + K
リンクを削除します。Ctrl + Shift + K
選択したテキストに下線を引きます。Ctrlキー+ U

マウスの使用を最小限に抑えて書く

ブロックエディタのショートカットを利用してマウスの使用を最小限に抑えることで、リストトンネル症候群などの症状を予防または軽減するのに役立ちます。

便利なヒント

前の記事リンク(内部リンク)超簡易挿入方法

キーボードショートカットを使用して、以前の投稿リンク(タイトルとリンク)をすばやく簡単に追加できます。

タイトルタグ(ヘッダタグ)を追加する簡単な方法

WordPressにヘッダタグ(h2、h3、h4…)を追加する方法はいくつかあります。 Gutenbergでタイトルブロックを選択して追加する方法に加えて、「/タイトル」を入力するか、キーボードショートカットを使用して簡単にヘッダータグを追加できます。

ショートカットで下線を表示する

段落ブロックで特定のテキストをマウスで選択してツールバーの∨アイコンをクリックすると、下図のように強調、下付き文字、上付き文字、キャンセル線などを適用できるドロップダウンメニューが表示されます。

ブロックエディタの下線を表示する

ただし、下線を引く下線のスタイルは表示されません。場合によっては、下線スタイルのオプションが表示されることがあります。ブロックエディタではデフォルトでアンダースコアオプションは提供されていませんが、アドオンプラグインをインストールすると表示されることがあります。

下線を表示したい場合 Ctrlキー+ U ショートカットを使用してください。 UUnderlineを意味します。

生産性の向上に役立つヒント

パターン(再利用可能ブロック)の使用

頻繁に使用するブロックはパターンとして登録してリサイクルすると、書き込み作業の効率が向上します。私はボタンやハイライトカラーなどをパターンにして活用しています。パターンの使い方の詳細については、次の記事を参照してください。

AdSense 広告やバナーなどもパターンを作成して挿入できます。

定型句機能を使う

よく使う単語やフレーズなどを定型句として指定し、必要に応じて簡単なキーワードを入力して呼び出すことができます。

たとえば、CSSクラスを指定して頻繁に活用する必要がある場合は、CSSクラスをフレーズとして指定して短いキーワードを入力して呼び出すことができます。また、電子メールアドレスや住所、会社の住所などを定型句として指定することもでき、よく使用するコードを定型句として指定することもできます。

定型句をうまく活用すると、作業の生産性が大幅に向上します。

最後に、

以上で WordPress와 WordPress Gutenberg エディタで提供されるキーボードショートカットについて説明しました。 他にも AutoHotkeyをなどのマクロプログラムを使用して、頻繁に使用される動作を自動化することもできます。 私は翻訳作業時にショートカットをAutoHotkeyにリセットして活用しています(」Trados とCATツールのショートカットを同じに設定する"参照)。

頻繁に使用するキーボードショートカットを記憶し、使用すると、マウスの使用に起因する指や手首に加わるストレスを軽減書く作業能率の向上にも役立つものと思います。

参照


5のコメント

コメント

  1. こんにちは、以下のショートカットが重複しています。 WordPress ショートカットを使用できませんが、もし解決方法がありますか…?
    - Chromeのショートカットctrl + u:現在のページの変更できないHTMLソースコードを表示する
    - WordPress ショートカット ctrl+u: 選択テキストの下線を引く

    応答
    • こんにちは、イロウン様。テストしてみる WordPress ブロックエディタ内でテキストをマウスで選択した状態でCtrl + Uを押すと下線が表示され、エディタの外でCtrl + Uを押すとChromeのソースビューページが開きます。そのため、ブロックエディタエディタ内でCtrl + Uを使用するのに何の問題もないようです。これがうまくいかない場合は、Firefoxなどの他のブラウザの使用を検討してください。

      応答
  2. こんにちは。 ワード様、お久しぶりです^^
    WordPress 記事を書くときにH3タイトルヘッダタグを繰り返し使用することは本当に頻繁です。
    そのたびに、[ブロックタイプのタイトル] - [タイトルレベル変更H3]プロセスを経て、合計4回のマウスクリックが行われます。
    短縮キーとか、クイックメニュー式で手軽に取り出して使えるヒントがありますか?

    応答
    • こんにちは、1日3分。 マウスクリックが多くなると、特定の指や手首に負担をかけて手首トンネル症候群のような症状が現れることがあるようです。 次の記事を参照して、マウスをクリックせずにキーボードショートカットだけでH4、HXNUMXヘディングを追加してみてください。 最初は厄介であっても繰り返し練習してみると、ヘディングや他のブロック要素をすばやく追加できます。

      https://avada.tistory.com/2686

      応答