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

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

関連記事

wordpressでタイトルに縦線をいれるならall in one seo packを使うと便利

概要 みなさんこんにちはcandleです。今回はwordpressのタイトルに縦棒を入れる方法を紹介します。 wordpresは特にプラグインを入れないとハイフン区切りのタイトルになります。 ホーム「 …

emacsのReactの開発をrjsx-modeで行う

English 日本語 概要 みなさんこんにちはcandleです。 今回はemacsのreact開発用のメージャーモードのrjsx-modeを導入してみたいと思います。 Reactの開発はこれまで、w …

mac のiterm2でaltキーをescに割り当て、カーソル移動を早くする

概要 皆さんこんにちはcandleです。今回はiterm2のキーを設定して、カーソル移動を楽にします。 emacsユーザーなら分かると思いますが、カーソルの高速移動はalt+fで前へalt+bで後ろへ …

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

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

Aptana studio 3の使い方

概要 今回はAptana studio3の使い方です。次の順序立てで説明していきたいと思います。 プロジェクトを作成 ファイルを作り ブラウザーに表示する 前提 Aptana studio 3がインス …

  • English
  • 日本語

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