【WordPress】Gutenbergにマークダウンで書いて投稿する方法

ブログ

普段テキストにマークダウンで書いている人は、WordPressへの投稿もマークダウンで書きたいと思いますよね?

まずテキストエディタにマークダウンで書いて、その後WordPressの投稿画面で見出しの整形してたりしませんか?

今日は、投稿画面がWordPressのビジュアルエディタであるGutenberg(グーテンベルク)なら、そんな整形せずに簡単にWordPressへ投稿する方法がありますよ、という話です。

ビジュアルエディタ(Gutenberg)はマークダウンに対応している

大前提として、現在のWordPressのビジュアルエディタ(Gutenberg/ブロックエディタ)はマークダウンに対応しています。

↓このように。

ビジュアルエディタにマークダウンで書く例

例えば、シャープ2つ+半角スペースでh2に変換されます。

マークダウン対応のテキストエディタから貼り付ける

ただ、ビジュアルエディタに直接文章書く人っているんですかね?

結構面倒ですよね。

プログラマとかならテキストエディタに書いたやつを貼り付けてると思うんですが。

ただ、貼り付けたときに、Ctrl + V だと、残念ながらマークダウンとして認識されません

テキストエディタからの貼り付けでマークダウンが反映されない例

↑ヘッダやリストになってないですね。

どうすればいいでしょう?





答えは、Ctrl + Shift + V

マークダウンとして認識させるには、Ctrl + Shift + Vです

テキストエディタからの貼り付けでマークダウンが反映されている例

↑ヘッダとリストがちゃんとなってます!
すばらしいですねー。

ブログの場合、ブログタイトルがh1タグなので、見出しレベルは、2(##)から始めてください。

ちなみに、ぼくはスマホでも記事が書けるようにGoogle Keepを使っていて、↑の画像もGoogle Keepの例ですが、VS Codeなどの他のエディタでも同じように貼り付けられます。

さあ、これでブログ書くのが、早くなって、楽しくなりますね!


マークダウンについては↓に書きました。