ブロックエディタで使いたいショートカットとマークダウン9個

クラッシックエディタからブロックエディタに切り替えて1年以上たち、ようやく使い方にも慣れてきたところです。

でも、未だに使い方をすべて理解はできていません。

先日も、「こんな便利な使い方があるんだ。」と改めて思い知らされた操作法がありましたので、紹介したいと思います。

紹介するのは、ブロックエディタで覚えてもらいたいショートカット３つと、マークダウン６つです。

ご存じの方も多いでしょうが、知らない方はぜひ使ってみて下さい。

▼マークダウン記法とは、

ブロックエディタのショートカット３つ

従来からエディタなどで使えるキーボードショートカットには、便利なものがたくさんありますが、ここでは、ブロックエディタを使っていて、これは覚えておきたいと思った代表的なショートカットだけ3つ紹介します。

スラッシュ/でブロックの選択

この方法は、段落を選択した時にいつも表示はされているんですが、今まで使ったことがありませんでした。

使い方は簡単で、段落ブロックに半角でスラッシュ/を入力するだけです。

半角スラッシュ/だけ入力すると、上図のようによく使うブロックのリストがプルダウン表示されます。

これだけでも便利なんですけど、目的のブロックがプルダウンメニューにない場合は、スラッシュ/の後にブロックの頭文字（日本語でもローマ字でもOK）を入力し、Enterを押すと、候補が表示されます。

候補をもう少し絞りたいなら、入力する文字数を増やしていきます。

もちろん入力する文字数が多いほど、目的のブロックが見つかりやすくなります。

Ctrl＋Sで下書き保存

Ctrl＋Sは通常のエディタなどでもよく使われているショートカットですが、ブロックエディタでは、メニューバーの「下書き保存」をクリックしたのと同じ結果になります。

Ctrl＋Zでやり直し

これもよく使われるショートカットですが、直前の作業を取り消せるので便利です。

ブロックエディタで使いたいマークダウン６つ

マークダウンは以前「はてなブログ」でも少しかじったことがあるんですが、対応するエディタを使えば、記事編集の作業効率が上がる便利な言語です。

ブロックエディタでも使えるマークダウン言語がありますので覚えておくと重宝します。

＊注　キーはすべて半角英数字でタイプしてください。

＃＋半角スペースで見出し

キーボードキーの#+半角スペースで見出しブロックを呼び出せます。

• #＋半角スペース⇒見出しh1
• ##+半角スペース⇒見出しh2
• ###+半角スペース⇒見出しh3
• ####+半角スペース⇒見出しh4

以上のようにシャープ#の数に対応しています。

ー（ハイフン）＋半角スペースでリストブロック

ハイフン–と半角スペースで通常のリストボックスが表示できます。

• リスト
• リスト
• リスト

1.＋半角スペースで番号リスト

番号リストを表示するには、1+.（ピリオド）+半角スペースを押します。

wordpressのバージョン6.1からリストボックスから選択できなくなった、番号リストもこのマークダウンで簡単に選択できます。

1. 番号リスト
2. 番号リスト
3. 番号リスト

-（ハイフン）３つで区切り線

–+–+–（ハイフン３つ）+Enterで区切り線が表示できます。

意外と使う区切り線↓

---

>（大なり）＋半角スペースで引用文

引用文ブロックも>+半角スペースで呼び出せます。

引用文、、、、。

引用元

バッククオート３つ＋Enterでソースコード

`+`+`+（バッククオート３つ）＋Enterでソースコードブロックが使えます。

バッククオートはShift＋@で打てます。

（例）<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-detail">

まとめ

普段マウス操作ばかりしている方も多いと思いますが、今回紹介したような、キーボードを使ったショートカットやマークダウンを覚えることで、記事編集の作業効率が上がることは間違いないです。

私自身、ブロックエディタを完璧に使いこなしてるわけではありませんが、使っていくうちに便利な発見があればいずれまた紹介していきたいと思います。

今回は以上です。

この記事がどなたかのお役に立てればうれしいです。

それでは