joppot

コピペで絶対動く。説明を妥協しない

ソフトウェア

wordpress gutenbergはmarkdown書けるよという話

投稿日:


概要

みなさんこんにちはcandleです。今回は最近メジャーバージョンアップグレードがあったwordpressのgutebergでmarkdownがかけるよという話をします。

主題の通りなのですが、これまでwordpressはmarkdownを書くならプラグインのJP MarkdownやMarkdown EditorやWP-Markdownなどのを使って書く必要がありました。しかしOSSであるがためにやはり更新が遅かったり他のプラグインと干渉してエラーが出たりしました。もちろんgutenbergもまだ十分に問題なく使えるわけではありませんが、標準で導入されたのは大きいと思います。

早速使ってみましょう。

前提

  1. wordpressのバージョンが5.0.0以上である

gutenbergのmarkdownを使う

wordpressの管理画面から「記事一覧」 から「新規追加」ボタンを押します。

最初は試しに直書きしてみましょう。###と入力してスペースを押すとそのブロックがh3のブロックになります。

上のメニューバーを見ても、H3の 部分がアクティブになっています。

他にもリストやコードブロックにも対応しています。

- リスト1
- リスト2
- リスト3

より使いやすく

ただ、実際使ってみると、markdownを書いているその場でmarkdownがhtmlに変化されるのは使いづらい場面が多いです。

パソコンにインストールしているmarkdownエディタで一度記事を書いて、gutenbergエディタに貼り付けた方が使いやすいことが分かりました。

例えば、MacならMacDownというmarkdownエディタがあるので、そちらで一度マークダウンを書きます。書きあがったら、全てコピーしてgutenbergに貼り付けるとちゃんと表示されます。

まとめ

私はwordpress標準でmarkdownサポートをずっと待望していたのでぜひ使っていきたいです。

スポンサードリンク

「為になったなぁ」と思ったら、シェアお願いします。

-ソフトウェア
-, ,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

redmineのaccept pluginでチケットの担当者をボタン1つで自分にする

概要 みなさんこんにちはcandleです。今回はaccept pluginを使って、チケットの担当者を自分にする方法を紹介します。一般にチケットの担当者を変更するには、チケット画面から「編集」を押し、 …

ungoogled chromiumにextensionを追加する方法

English 日本語 概要 みなさんこんにちはcandleです。 僕はfirefox派なので、あまりChromeは使わ無いのですが、時にはextensionの関係でChromeを使うことがあります。 …

何でも開けるエディタCotEditorをMac Sierraインストールしよう

概要 (追記 2018年11月に書き直しました) 皆さんこんにちはcandleです。今回は、ほぼ全てのファイルを開くことができるCotEditorのインストールの仕方を書いていこうと思います。 Cot …

emacsのバージョンを確認する

概要 emacsのバージョンを簡単に確認しましょう。 記事にするほどものではありませんが、備忘録にまとめておきます。 emacsのメジャーなバージョンは22と23に大きく分かれており、最近では24もリ …

MAMPでphpのshell_execを使用してunixコマンドを実行できない場合の対処(imagemagick,convert)

概要 みなさんこんにちはcandleです。今回はちょっと問題が起きてshell_execがうまくいかないときのトラブルシューティングをまとめます。 私はMAMPをバージョンアップする前は、phpのsh …

  • English
  • 日本語

ベンチャー企業のCTOをやってます。大学時代にプログラミングを始め、javaから入門し、C++へて、PHPへと進み、会社ではRailsを使用。自動化が大好きなプログラマー