WordPressで簡単にソースコードを書く方法

プログラム

WordPressにソースコードを書くと文の先頭の空白が削除されてしまうという
検索してみた感じ割とWordpressあるあるみたいな感じでしたが
ぼくも漏れなくはまりました。

結論

プラグイン(WP Githuber MD)の追加で解決です。
プラグインの新規追加ページでWP Githuber MDを検索してインストール&有効化で解決しました。

このプラグインを使うことでMarkdownで記載することが可能になります。
Qiitaで書く感じですね。
ぼくはプログラム関係の記事はQiitaに最初書いていたのですが、
もしかしたらQiitaそのうちなくなるかもなーという
あんまり心配しなくてもよさそうな心配をしているので
同じ記事をQiitaとWordpress両方にあげるという作業を
し始めたところでMarkdownで記載できるとコピペで済むんだけどなーという問題も解決です!

さらにCrayon Syntax Highlighterのプラグインを追加するといいよーという記事をいくつかみかけましたがこちらを追加するとぼくの場合、サイトが崩れてしまうので使えませんでした。
まあ使わなくても問題は解決したのでOKです。

プラグインを使わずにぼくがためしたもの

スペース文字を入れる

 
これをひたすら入れていくという作業をしてみたんですが
だるすぎるので却下。
ちなみにビジュアルエディタとテキストエディタを往復すると消えます(´;ω;`)

HTMLのpre要素とcode要素を使う

<pre><code>
 ソースコード
</code></pre>
これはかなりいい感じです。
AddQuicktagに登録してしまえばそんなに手間でもないです。

でも最終的に最初から全部Markdownで書けばいいんじゃね?
という結論に至り調べたところ冒頭のプラグイン(WP Githuber MD)にたどり着きました。

ただ1点問題なのがこれを使うとAddQuicktagが使えないっぽいんですよね。
(ぼくが知らないだけかも、知ってる方いたら教えてください)
普通に記事かきたい場合はこのプラグイン無効にするという手間が発生しますが
今のところこれがベターかなーという感じです。