wordpressにmarkdown形式で投稿するための設定

最終更新日

背景

  • qiitaと会社ブログの両方に投稿したい
  • wordpressでタグなんか書きたくないしリッチエディターも最悪

やりたいこと

  • qiitaに投稿したmarkdownから内容コピペでwordpressに投稿したい
  • ソースコード部分はqiitaやgithubのように綺麗に表示したい

環境

  • wordpress 5.2.2
  • Crayon Syntax Highlighter 2.8.4
  • WP Githuber MD 1.11.5

手順

流れ

環境欄でほぼすべてを語ってしまっていますが…

  1. WP Githuber MDプラグインをインストール
  2. Crayon Syntax Highlighterプラグインをインストール

WP Githuber MDプラグインをインストール

  1. プラグインの新規追加ページでWP Githuber MDを検索してインストール&有効化
  2. プラグイン > WP Githuber MDで各種設定(ここでは特に設定をいじらなくても大丈夫なはず)
  3. 試しにqiitaからコピペしてwordpressに投稿してみる

→ だいたい綺麗に表示されるが、肝心のソースコードがNG
→ 「バッククオート」で囲まれた文字列内のXMLのタグがエスケープされていないので、<properties>のようなXMLタグがブラウザの画面上に表示されない

Crayon Syntax Highlighterプラグインをインストール

  1. プラグインの新規追加ページでCrayon Syntax Highlighterを検索してインストール&有効化
  2. 設定 > Crayonで各種設定(ここでも特に設定をいじらなくても大丈夫なはず)

→ wordpressの該当投稿ページを表示
→ 綺麗に出来た!

結論

  • markdownのプラグインだけで綺麗にできるかと思いきやプラグインが別途必要でした
  • WP Githuber MDにもタグエスケープするような設定がありましたが、自分の環境では動かず…

stmon19

遊びが一番 人生遊び 好きにまみれてます

シェアする