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

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

関連記事

middlemanでlivereloadを使用する

概要 みなさんこんにちはcandleです。今回はmiddlemanでlivereloadを使ってみたいと思います。 livereloadとはhtml、css、jsなどを書いて保存したタイミングでブラウ …

iphoneのsafariでfacebookのmessanger(メッセージ機能)を使う方法

概要 みなさんこんにちはcandledです。 今回はfacebookのmessangerアプリを使わずにsafari上でfacebookのメッセージをする方法を紹介します。 前提 iphoneのsaf …

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

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

Emacsとimport-js2.2.0を使ってReact componentを自動的にインポートする

概要 みなさんこんにちはcandleです。 今回はemacsとimport-jsを使って自動的に、componentのパスをインポートしてみたいと思います。 Reactは1ファイル1コンポーネントの書 …

wordpressでタグをボタンで挿入できる種類を増やす-AddQuicktag

概要 みなさんこんにちはcandleです。wordpressの記事を書いている時、 タグの挿入がもっと楽になれば便利なのにと思いました。私は記事の見出しはh3タグを使用しているのですが、h3タグのボタ …

  • English
  • 日本語

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