WordPress5.0から追加された新たなエディタGutenberg(通称ブロックエディタ)で使えるマークダウン記法を紹介します。
Gutenbergは完全にマークダウン記法に対応しているわけではありませんが、かなり便利な機能なので覚えておくと便利ですよ
マークダウン記法を併用すれば記事を早く書ける
マークダウンで高速化
マークダウン記法についての詳細はこちらの記事を参考ください
マークダウン記法を使えば、見出しやリストなどを含むメモや下書きを簡単な記号だけを使って表現できるようになります この記事ではそんなマークダウン記法の魅力について解説しています 便利で有名なので、これを読んでいるあなたも知らない[…]
Gutenbergでは一部のマークダウン記法を読みとって瞬時にhtmlの形式に変換してくれます。なのでマークダウン記法をショートカットのように使うことで、見出しやリスト、引用符などをキーボードからすぐに呼び出せるようになり、記事を書く速度が上がります
ショートカットキーがあるから良いと思われる方もいるかもしれませんが、WordPressでしか使えないショートカットを覚えるのは面倒くさくないでしょうか?
マークダウン記法はわりとどこでも使える便利な言語です、どうせ覚えるならマークダウン記法を覚えてショートカットとして使いましょう。
といっても、もしかしたらショートカットキーだと思っていた書き方が、実はマークダウン記法だったという可能性もありますけどね
GutenBergで使えるマークダウン記法
□は半角スペースを表しています
見出し
##□ | 見出し2 |
###□ | 見出し3 |
####□ | 見出し4 |
#####□ | 見出し5 |
見出しのマークダウンは一番使うので絶対覚えることをおすすめします
リスト
*□ | 番号無しリスト |
1.□ | 番号つきリスト |
- リストも
- 簡単に出せました
引用符(引用ブロック)
>□ | 引用符(引用ブロック) |
引用符も簡単に出せますね
引用元
コードブロック
`で囲う | 改行を含まないのコードブロック |
“`で囲う | 改行も含むコードブロック |
`(バッククォート)です! ’(アポストロフィー)ではないので注意。キーボードのpの右にあるやつです
バッククォート一つだとこんな感じ
←になります。
バッククォート3つだと
こんな感じになります
整形済みテキストに似てますね
これはHTMLやCSSのコードを表示したいときに使うブロックなので、利用頻度は低いです
区切り線
—(Enter) | 区切り線 |
↑これですね、—と打った後にEnterキーで変換されます
マークダウン記法をGurenbergに完全に対応させる方法
プラグインでマークダウン
に完全対応
WP Githuber MD というプラグインを使うと、Gutenbergを完全にマークダウン記法に対応させることができます。
WP Githuber MDではプレビューを確認しながら書くことができますが、残念ながら日本語には対応していません。
そもそもGutenbergは絶対にただのマークダウン用エディタより使い勝手が良くなるように作られているので、「マークダウンじゃないと書けない」という人以外にはプラグインは不要です
Gutenbergで使えるマークダウン記法はほんの一部だけでしたが、覚えておけば確実に記事を書く速度を速めることができますよ
おすすめ記事