WordPressでソースコードを表示する
2020年5月7日追記 — この記事はWordPress4時代に書かれました。
#include <iostream>
int main() {
std::cout << "Hello, World!" << std::endl;
}
こういうのを表示したいときに便利なのが、”Crayon Syntax Highlighter” です。WordPressのPluginsからインストールすることができます。
使い方は簡単です。ビジュアルエディタの右側にある<>みたいなアイコン、もしくはテキストエディタのcrayonというアイコンをクリックします。
![](https://blog.qux-jp.com/wp-content/uploads/2018/04/スクリーンショット-2018-04-12-0.46.17-1024x122.jpg)
![](https://blog.qux-jp.com/wp-content/uploads/2018/04/スクリーンショット-2018-04-12-0.46.27-1024x113.jpg)
すると、以下のような画面が出てきます。あとはこの中のLanguageを選び、コードを書いて、上部のaddを押せば挿入されます。
![](https://blog.qux-jp.com/wp-content/uploads/2018/04/crayon-icon-3-833x1024.jpg)
![](https://blog.qux-jp.com/wp-content/uploads/2018/04/cryyon-4-1024x441.jpg)
簡単ですね。
ですが、毎回addしたりするのめんどくさい!そのまま打ちたい!という人には”Syntax Highlighter Evolved”というのが便利です。こちらを御覧ください。