WordPressの記事でMarkdownを使って表を出力する方法

初めてWordPressに表を書きたくなった。
とはいえ、いちいちHTMLを書いて表を書くのがめんど臭い。
何か良い方法はないかとググった結果、Markdownで出力する方法が見つかったので、メモしておく。

表見出し

| キーボード | 重量[kg] | 鍵盤タッチ | 音色 | デザイン | 価格[万円] |
|:-----------|---------:|:----------:|:----:|:--------:|-----------:|

上記のように入力すると、下記のように出力される。

ちなみに２行目は次のような意味になる。

左揃えは → |:—–|
中央揃えは → |:—–:|
右揃えは → |—–:|

「-」の数はいくつでも良いので、自分がわかりやすい数にする。

表の中身

| キーボード | 重量[kg] | 鍵盤タッチ | 音色 | デザイン | 価格[万円] |
|:-----------|---------:|:----------:|:----:|:--------:|-----------:|
| YAHAMA CP88 | 18.6 | ◎ | ○ | △ | 26.2 |

表のデータ部は上記のように入力すると、下記のように出力される。

同様にして、次のようにレコードを追加することができる。

| キーボード | 重量[kg] | 鍵盤タッチ | 音色 | デザイン | 価格[万円] |
|:-----------|---------:|:----------:|:----:|:--------:|-----------:|
| YAHAMA CP88 | 18.6 | ◎ | ○ | △ | 26.2 |
| YAMAHA CP73 | 13.1 | ○ | ○ | △ | 21.9 |
| KORG Grandstage88 | 20.0 | ○ | ◎ | ◎ | 22.5 |
| KORG Grandstage73 | 17.0 | ？ | ◎ | ？ | 21.6 |

参考サイト

Markdownで表を入力する方法-WordPress奮闘記Vol.17

どうも、すもわです。 ブログをMarkdown記法で作成しています。 If you can not read …

sumowado.com

[WordPress] JP Markdownで表を簡単に作ることができた

WordPressのテキストエディタで表を作るのは大変エンティティコード〜テキストエディタでhtmlタグをそのまま表示の記事で覚えておいた方が良いエンティティコードというこ…

seabird-web.com