ソースコードを読みやすく色分けする(その1)

Google Code PrettifyはHTML上でのソースコードの表示を、色分けすることによって読みやすくすることができる埋め込みスクリプト。

functions.phpに以下のような記述を追加することにより、<head>タグ内でスクリプトを読み込むように設定する。

function add_my_scripts() {
  wp_enqueue_script( 
  	'google_code_prettify', 
  	'https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js', 
  	array(), 
  	false,
  	false
  );
}
add_action( 'wp_enqueue_scripts', 'add_my_scripts' );

とりあえず設置はできたが、デフォルトのままではいまいち読みにくい!
Prettifyのテーマを変更してもだめなので、カスタムCSSをいじる必要がある。

しかも投稿画面でいちいちclassを設定するのは面倒くさい。

もっと改善が必要なので続きは後ほど!

Leave a comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です