Evolved」を導入しました。WordPressやWebサービスを5ステップくらいで簡単に紹介している当ブログですがその性質上ソースコードを記載することがあります。ソースコードは<pre><code>〜</code></pre>で表示させてCSSで折り返しをしているのですが、なんかいまいち目立ちません。CSSで装飾しようかとも思いましたが、折角WordPressでブログを作っているのですからプラグインで対応することにしました。Evolved」というプラグインです。ソースコードを表示するプラグインは多数でていますが、このプラグインを採用した理由のひとつにこの記事を書いている時点でのWordPressのバージョン3.3.2に対応しているというのがあります。他のプラグインもテストされてないだけで動くのでしょうが安心できますしね。Evolved」を検索します。検索結果に表示されると思いますので「いますぐインストール」をクリックします。インストールが完了したら「プラグインを有効化」をクリックして有効にしてください。「SyntaxHighlighter」が追加されますのでクリックして設定画面を表示します。ここではテーマ(見た目)や行番号の表示有無、ツールバーの表示有無やタブのサイズなどが変更できます。「変更を保存」をクリックすることでプレビューに反映されますのでいろいろ変更してみてください。Evolvedはショートコードを使用します。<pre>タグを使って実装していたのでどちらのタイプのプラグインを使うか悩みましたが、<pre>タグを使う方もclass指定やlang指定を追加するなど手を加える必要があったので入力も少ないショートコードを使うプラグインを選びました。Evolvedでのショートコード記載は使用言語でソースコードをくくってあげればOKです。cssこんな感じになります。プラグインを使った際に感じた最大のメリット密かに一番の確認ポイントだったのですが、CSSでの装飾ではなくプラグインを使うことによってコードの貼り付けが圧倒的に楽になったんです。言うのも、特殊文字”<”を”&lt;”に変更しなくてもよくなりました。表示したいタグなのか、コード上のタグなのか区別が付かないために特殊文字”<”をWeb上で表記する場合は文字実体参照”&lt;”に書き換える必要があるのですが、この書き換えが結構手間なのです...一括で変換してくれるサイトもあるのですがブログで紹介するくらいのコード量なら微妙に自分で書いたほうが早い。チェックも慎重になる。コードを表記する機会があるブログ運営者さんはぜひ一度お試しください。生活でしたが見ているだけよりも踊らにゃソンソンの精神でWebの輪に参加すべくBLOG開設。背景を半透明すりガラス風に。reserved.ごすてっぷ:WordPress、Webサービスなどの情報を5ステップくらいで紹介しています。