プラグインを使わずにソースコードを表示させる方法

　ソースコードを表示させるのに便利なのはプラグインの利用。

　でも、プラグインには「開発や更新が突然止まる」という恐ろしい落とし穴がある。

プラグインの開発が止まると

　ソースコードをそのまま表示させるプラグインを使っていて、Wordpressのバージョンに対応できなくなると、表示はむちゃくちゃになるというのは簡単に想像できる。

　もちろん、その他のプラグインでも同じような危険をはらんでいるわけだけど。

　ソースコードをプラグインで表示させている場合、もしプラグインを利用していてプラグインが使えない状況になったら表示はむちゃくちゃ。

　それを修正するのはものすごく大変そうだ。

　というわけで、このブログでソースコードをご紹介するときにはプラグインを使っていない。

preやcodeを使うと

　pre・codeといったコードを使うとソースコードをある程度までそのまま表示できるようになるのだが、そのまま表示できないものもある。

　例えば<>で囲まれたコード。

　<>で囲まれたコードは、「エンティティ文字に置き換える」ということをしないと表示できない。

　<>の場合は&lt;&gt;に置き換えてあげるということをしないといけない。

　もちろん世の中には「エンティティ文字に置き換える」アプリやウェブサイトもあるのだが・・・。

　実はそんなことをしなくてもスタイルシートとWordpressのビジュアル・テキスト入力モードの切り替えでソースコードの表示自体はそれなりにできる。

WordPressの迷惑機能は停止しておこう

　事前の準備としてWordpressの迷惑機能は停止しておこう。

　Wordpressには

• HTMLタグを中途半端に自動整形する
• ダブルクォーテーション"が半角から全角に自動変換する

　という大変迷惑な機能がある。

　この二つの迷惑機能を停止しておこう。

　以下の記事参考にしてね。

　wordpressで記事を書く前に自動整形をとめるプラグインをインストール

　ダブルクォーテーション「"」が半角から全角に自動変換される

 　これだけしておけばWordpressのビジュアルモードでソースソースコードを記載すれば、WEB上にソースコードがそのまま表示される。

　でも、これだけだと、表示させたいソースコード部分がわかりにくい。

 　そこで内部スタイルシートでソースコードを記入した部分を装飾する。

内部スタイルシートはクイックタグで一発挿入

　内部スタイルシートをいちいちWordpressの投稿時に書き込むのも面倒だ。

　個々は投稿の編集のテキストモードからクリックだけで挿入できるようにしておくと楽。

　wordpressで記事を書く前に自動整形をとめるプラグインをインストール

　ダブルクォーテーション「"」が半角から全角に自動変換される

　に対処してあればビジュアルモードからテキストモードを切り替えても大丈夫なので安心して利用できる。