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でタグをボタンで挿入できる種類を増やす-AddQuicktag

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

openofficeの英語の自動変換をオフにする

概要 みなさんこんにちわcandleです。今回はOpen officeの英語自動変換をオフにする方法です。 実はこのテーマ、わざわざブログに書かなくてもググればいくらでも出てくるのですが、 せっかくな …

middlemanでlivereloadを使用する

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

Aptana studio 3の使い方

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

basscssのcssファイルをnpmで作成する

概要 みなさんこんにちは、candleです。今回はv8までバージョンが上がったbasscssの使い方です。 basscssは便利なcssフレームワークなのですが、デフォルトではすぐに使用できるcssが …

  • English
  • 日本語

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