Wordpressで記事中にソースを記述するのに実体参照変換なんて必要なかったんや・・・

WordPressで記事中にソースを記述するのに実体参照変換なんて必要なかったんや・・・

ブログ記事を書いていて時々ソースを書く必要がある時ってありますよね？

私はあるんです・・・

このブログは基本的に日記ブログなので大したソースを公開する事ってあまりないんだけど、それでも時々必要になることがあるの。

当たり前のことだけど、記事にソースを直接書くことは出来ないので今までは実体参照変換ジェネレータとかを利用させていただいてソースを載せていたんですよ。

まぁ、FC2時代の名残でしてね。

例えば、イザ記事中にソースを書きたいと思っていた時に利用させていただいていたのは下のようなWebサイト様です。

HTML実体参照変換 : akiyan.com

コチラでは単純に実体参照したいソースコードを窓に入力して【変換】ボタンをクリックすると、ソースが実体参照の文字列に変換されるので、それを改めて記事に張り付けるといったもの。

もうすっかり慣れてしまったんだけど、やっぱり面倒だったんですよね。

WordPressならSyntaxHighlighterEvolvedがあるじゃない！

そう、Wordpressだったらそんな手間をかける必要がなくなるプラグインがあったんですよ。

そのプラグインの名前はSyntaxHighlighterEvolvedです。

　　　　　　　　　　　＿＿＿_
　　　　　　　　　　／　　　　＼
　　　　　　　　／　─　　 ─　＼　　　超有名プラグインだから
　　　　　　　／　（●）　（●）　＼　　ドヤ顔で言うようなことじゃないおｗ
　　　　　　　 |　　　（__人__）　　　 |
　　　　　　　＼　　　｀ ⌒´ 　　 ,／
　r､　　　　r､／　　　　　　　　　　ヘ
　ヽヾ　三　|:l1　　　　　　　　　　　　ヽ
　　＼>ヽ/ |｀｝　　　　　　　　　　　|　|
　　　ﾍ　lノ `’ｿ　　　　　　　　　　　|　|
　　　　/´　 /　　　　　　　　　　　　 |.　|
　　　　＼. ｨ　　　　　　　　　　　|　 |
　　　　　 |　　　　　　　　　　　 | 　|

ダウンロードは下のリンクね。

SyntaxHighlighter Evolved

このプラグインはソースコードやスクリプトなどをクールに強調表示してくれるプラグインなんだけど、単純に使うにはプラグインをインストール～有効化したら、記事中でソースコードを[html] ～ [/html]で囲むだけです。

例えばこんな感じ・・・

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

このプラグインってば何が嬉しいかって、わざわざ実体参照変換しなくてもソースを直接記事に書いてショートコードで囲むだけで、記事中にソースを表記できるってこと。

今までわざわざ変換していた手間はなんだったんでしょうね？

さらに、そのショートコードもAddQuicktagとかのプラグインを使うと楽チンだったりします。

　　　　　　　＿＿＿_
　　　　　　／⌒　　⌒＼
　　　　／（ ●）　（●）＼　　　捗るおｗｗ
　　　／ ::::::⌒（__人__）⌒:::::＼
　　 |　　　　　 |r┬-|　　　　 |
　　　＼　　　　 `ー’´　　　／
　　　ノ　　　　　　　　　　　＼
.　／´　　　　　　　　　　　ヽ　　　　　　　　カ
　|　　　　ｌ　　 l||l　从人 l||l 　　　　 l||l 从人 l||l 　カ　　タ
　ヽ　　　 -一””””~~｀`’ー–､　　　-一”””’ー-､. 　　タ
　　ヽ＿＿＿＿(⌒)(⌒)⌒)　)　　(⌒＿(⌒)⌒)⌒))
　　　┌ ┌┬┬┐┌┬┬┬┐┌┬┬┬┐┌┬┬┬┐
　 ,. – ””|￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ρ￣`ｌ
　￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ノ￣￣

いつも有名ブロガーさんがソースを公開しているのを見て「これどうやって表示してるんだろ？」って思ってたんだけど、このプラグインだったんですね。