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

  • ブックマーク
  • Feedly

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

表見出し

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

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

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

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

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

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

表の中身

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

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

キーボード 重量[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 |

参考サイト

この記事を書いた人

アバター画像

羽沢 仁

業務系システムのエンジニアとして、コンサルティング会社で5年、事業会社の社内SEとして5年、フリーランスとして6年、要求定義、設計、開発、テスト、リリース対応の業務に携わってきました。来年からは、街の○○屋さんと直接つながって、ITツールを提供するサービスを開始します。詳しいプロフィールはこちらをご参照ください。