wordpressでのプログラムコードハイライト

Posted on by vanillate

ちょっとしたHTMLを表示したり、phpのコードを綺麗に表示したいときはコードハイライトCSSを使うと便利です。

利用側としても、ハイライトされていると見やすいもの。
PHP Hilight Stringを使った実装方法のご紹介とメモ。

まずは、ダウンロードページからPHP Hilight Stringをダウンロード。

  • DLしたファイルを解凍し、フォルダ名を「phphlstring」という名前にします。

  • wp-content/pluginsのなかに、先ほど名前を変更したphphlstringフォルダごとアップロード。

  • phphlstring/highlight.cssの中身を、テーマフォルダの中のテンプレートCSSにコピー&ペーストし、アップロード。

  • ワードプレス管理画面>プラグインから、phphlstringを有効にする。

  • [code lang=”言語”]コード[/code](すべて半角)でハイライトされます!


参考元:Chameleon Cyber » PHP Hilight String
http://www.chameleonic.org/plugin/php-hilightstring




copyright (C) vanillate all rights reserved. powerd by wordpress.
このブログは、CSS3とjavascriptを多用しております。是非、Fireworks3.6以上、safari5以上、chorme10以上でご覧下さい。
実験的なデザインのため、デザイン崩れなどご了承くださいませ。