こちらはもう一ヶ月以上雨も降らず、正に「東京砂漠」と化しております。肌も目も喉もカラカラで、乾燥ってこんなに辛いんだ、と初めて思いました。)さて、うちのワードプレスは無駄にマルチサイトになっております。そのせいなのか分かりませんが、ワードプレスのバージョンが上がるタイミングなどで、時々今まで問題なく使えていたプラグインがエラーになってしまうことがあります。)、ということで、今回はjavascriptでシンタックスハイライトを実装してみることにしました。使ってみることにしました。導入は簡単で、function.phpに下記のコードを貼り付けるだけです。src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?lang=css&amp;skin=sunburst"></script>あとはコードを囲うpreタグに下記のようにクラスを追加するだけです。linenums">段落番号も追加する場合はこちらこちらがgoogle-code-prettifyのサイトです。カスタマイズの方法なども載っております。galleryからお好きなものに書き換えることが出来ます。英語ですが、詳しい使い方はこちらのページでご確認ください。これでまた一つ、プラグインを停止させることが出来ました(^^)ちょっと選べるテーマが少ないですが、簡単に導入出来てプラグインより軽量、ということで取り入れてみて良かったと思います。他にもhighlight.jsやprism.jsあたりも人気があるようなので、試したらまたレビューしようと思います。コードを貼る、という点でかなり面倒なのでは?と気になる点が出て来ました。記事にある通り、シンタックスハイライトを使うにはpreタグにクラスを付けなければならないわけですが、せっかくコードというブロックがあるにも関わらず、preタグにクラスを付けるためにhtmlで編集をしなければならいのです。今回の様な記事では効率が悪いため、結局クラシックエディタを復活させて書いている次第です。キャンセル投稿を送信できませんでした。メールアドレスを確認してください。メール送信チェックに失敗しました。このブログではメールでの投稿共有はできません。%d人のブロガーが「いいね」をつけました。