SyntaxHighlighter Evolved2.xのデザインをカスタマイズする

SyntaxHighlighter Evolved2.xのデザインをカスタマイズする

WordPressでコードを書いている人ならきっと使っているSyntaxHighlighter Evolvedですが、見た目をもうちょっといじりたいな…と思っておりました。やり方が分かったのでご紹介。

追記:2013年9月にver3.xへ変更しました。こちらの記事をどうぞ。


こんな感じにカスタマイズ

120418-1

デフォルトは非常にシンプルで使いやすいんですが、なんかこう、いじってみたくなってあちこち調べてみたら親切に紹介して下さってる方がいらっしゃいました!

SyntaxHighlighter Evolved を使ってみる -ezorisu-web

こちらのコードを拝借して、更に自分好みに変更させて貰ったのがこちらです。

こいつを、/wp-content/plugins/syntaxhighlighter/syntaxhighlighter2/styles内のshThemeDefault.cssの最後に追加してあげればOKです!

結構前から“変えてみたいなー”ってぼんやり思ってたので、出来て嬉しいですw

公開日:2012/04/18

2件のピンバック

  1. […] # 参考サイト SyntaxHighlighter Evolvedのデザインをカスタマイズする […]

  2. […] コチラの記事を参考にさせてもらいました。 ezorisu-web-『SyntaxHighlighter Evolved を使ってみる』 Ateitexe-『SyntaxHighlighter Evolvedのデザインをカスタマイズする』 […]


コメントを残す

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

当サイトはスパム対策のため Akismet プラグインを利用しています。コメントデータの処理方法はこちらをご参照ください。

コメントは承認制ですので、反映までしばらくお待ち下さい。(稀にですがスパムの誤判定にて届かないこともあるようですので、必要な際はお問い合わせからお願い致します。)