SEOの対応、プラグイン情報、カスタマイズ方法を解説します。PHPを始め、プログラムなどのソースコードの命令後や変数、定数などを色分け、ボールド化などで見やすく編集する処理のことですが、それを実際に実装するためのプログラムも含めてそのように呼ばれています。Highlighterが有名です。5つのアプリ、プラグインを取り上げて比較しています。Prettifyhighlight.jsまた、下記の通りそれぞれについて詳細な記事を書いています。Highlighterの使い方SyntaxHighlighterの設定、カスタマイズ方法を解説。Prettifyの設定方法を解説。Highlighterから乗換え、高速化にも最適highlight.jsの設定方法を解説。2014年2月ごろにもう一度シンタックスハイライトについて動作検証をしたことがありました。Crayonを選択した経緯がありました。Highlighterを引き続き使っていくことがいいのだろうか、という疑問がでてきたために、3回目の検証と言うことで改めてシンタックスハイライトについて比較検証を行い、記事にいたしました。そもそもの経緯については、最後の方に書いている「シンタックスハイライトの比較記事を書いた経緯」を参照してください。SyntaxHighlighterがオススメ5つのシンタックスハイライトを、設置のしやすさ、運用のしやすさ、動作のスピード、利用できる機能についてまとめたものが下記の表になります。Highlighter」一択です。WordPressのプラグインとして導入できるため、簡単かつ確実に運用が可能です。Crayon用の編集画面も用意されていますので、Crayonの特殊なタグを覚える必要もなく、ボタンをクリックするだけで最適なソースコードを生成することが出来ますのでオススメです。Crayonは高機能の分だけ処理スピードが犠牲になっていて、画面を表示スピードがやや遅くなるという問題があります。Crayon以外のものにする方がいいと感じる場面が来るかもしれません。WordPressのプラグインですので、WordPress以外の環境に導入することは出来ません。Prettify、highlight.jsが候補になります。Prettify】これらは必要最小限の機能で構成されていますので、軽快に動作します。HTMLのタグである「<」は「&lt;」に変換する必要があり、投稿した後は正しく見えているかのチェックが欠かせず、運用に際しての手間はやや増えます。highlight.jsを両方使ってみた感想では、設置方法や記事を書くときの使い勝手や処理スピードも含めてこの両者の違いはほぼなく、好きなデザインがある方を選べばいいんじゃないか、という感じです。Prettifyを選ぶといいでしょう。HTMLのタグの「<」は「&lt;」に変換する必要があり、実運用は結構面倒です。Crayonからの乗り換えとなるとさらに過去の記事をすべて書き換える必要がありますので、うんざりする結果となるでしょう。そんな時におススメできるのが「SyntaxHighlighter」です。WordPressのプラグインもありますが、ここでオススメするのはプラグインではない「SyntaxHighlighter」です。理由は、軽快に動き、かつ、高機能だからです。詳細は「SyntaxHighlighterの設定、カスタマイズ方法を解説。Crayonから乗換え、高速化にも最適」の記事を読んでもらえればどういう機能があるか分かりますが、一番のポイントは、HTMLのタグ「<」は「&lt;」のように変換しなくてもOKというところです。Crayonからの乗り換えをする場合には非常にポイントが高いです。機能的にも行番号を編集でき、特定の行をハイライトすることもでき、ソースコードの変更ポイントを説明するときなどポイントになる行を明確に出来るなど欲しい機能がそろっていますので、機能面で不満に思うこともないでしょう。WordPressのプラグインでもありませんので、WordPress以外でも使えます。Highlighteから乗り換える」ことを目的にシンタックスハイライトを探していたわけですが、乗り換える理由が処理スピードの高速化でしたので、WordPressのプラグインを入れるという選択肢はそもそもありませんでした。Highlighte以外にもシンタックスハイライトのプラグインがあります。Evolvedがあります。Crayonよりも遅いという問題があると指摘している方もあるようです。私自身は検証を行っていませんので、実際はどうなのか分からないことと、2015年4月末頃にも更新されていますので、不具合は解消されているかもしれません。その他、highlight.jsをプラグイン化したものもありますので、WordPressのプラグインを使ってシンタックスハイライトを実現したい場合には便利なものがあるかもしれません。Highlighterをどうにかしなければ、と感じたのはサイトの表示スピードを向上させるための施策を検証しているときでした。Profiler)というプラグインの負荷状況を調べるツールを使って調べて見たところ、Crayonが突出した悪影響を与えていることが分かりました。具体的には下記の通りです。Highlighterの使用を止める方が効果が高く、優先度が高いと判断したわけです。Insightsの結果は以下のようになっています。76元、停止後、A、B、Cは、それぞれ下記を実装した際の値です。6回計測した上での最頻値です。Highlighterは負荷が高いため、安定して低い値が出るものの、それ以外については負荷がなくなることにより処理スピードが高速化される分だけ不安定となり、計測するタイミングによっては高い数値がでるとき、でないときとがあるのではないかという感じがしました。3~5ポイントほど高い数値もでていますので、上記の数値以上の効果は期待できると感じました。どのシンタックスハイライトを使うか、下記の記事を改めて確認いただいて、選択していただければと思います。Highlighterの使い方SyntaxHighlighterの設定、カスタマイズ方法を解説。Prettifyの設定方法を解説。Highlighterから乗換え、高速化にも最適highlight.jsの設定方法を解説。Highlighterから乗換え、高速化にも最適また、ページ表示の高速化施策としては「WordPressの高速化でSEO対策!広告費も削減!高速化の施策のまとめ」にまとめ記事を書いていますので、あわせて参考にしてみてください。WordPressのプラグインGoogleAdwordsGoogleAdwords最後までお読みいただきましてありがとうございます。コメントをキャンセルメールアドレスが公開されることはありません。*サイト下記の空欄を埋めてください。date*日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)※入力いただいたコメントは管理者の承認後に掲載されます。Formは確認画面が付いているオススメのフォームプラグインです。CMSとして構築する際にも利用できる実力派です。Orderは基本機能では並び替えができないカテゴリを並び替える機能を提供するプラグインです。ドラッグ&ドロップで並び替えができる簡単インターフェイスです。WordPressのカテゴリやタクソノミーにカスタムフィールド項目を追加する方法WordPressのカテゴリやタクソノミーに編集する項目を追加する方法の解説。Fieldsを使うと簡単。テンプレートに記述する方法も解説。あり柔軟な設定で多彩な環境に対応出来ます。highlight.jsの設定方法を解説。Highlighterの代替案としてhighlight.jsを試してみた。highlight.jsは設置簡単で軽量なシンタックスハイライト。デザインもCSS変更だけの簡単変更。Fieldsのアドオン・繰り返しフィールドについて解説。繰り返しフィールドは投稿者が入力フィールドを追加しながら情報を入力できるフィールドを提供。口コミの評価点を投稿する機能に特化したプラグインで、多様なイメージと投稿方法が用意されていてサイトにあったイメージを選択できます。WPtouchを入れてモバイルテーマを「OFF」にしたら元に戻れなくなったWPtouchを入れてモバイルテーマを「OFF」にしたら元に戻れなくなった。これは「wp_footer」の設定に問題があるからだった。Orderの紹介です。Ratingがおススメ口コミの評価点を投稿する機能に特化。評価点を複数設定することができ、投稿後の評価点を編集することができる数少ないプラグイン。