ワードプレスでソースコードをきれいに表示する方法

Javaで元号を使う記事にソースコードを入れましたが、あまりイケていなかったです（笑）。ワードプレスのクラシックエディターで<code>タグを使っただけなので、固定幅フォントになっただけでした。

<code>タグだと、のっぺりした感じ

⇒その記事

もっときれいに表示する方法はないかと調べてみたら、SyntaxHighlighter Evolvedというプラグインが見つかりました！！
一番上の、作者「Alex Mills (Viper007Bond)」のです。

SyntaxHighlighterで検索するとプラグインが見つかります

さっそくインストールしてみます。

有効化します。

<code>タグの変わりに、[code]タグを使います。language属性でプログラミング言語を指定します。

こんな感じ：

[code language='java']
ここにソースコードを入れる。
[/code]

SyntaxHighlighterの[code]タグに変えるだけでこう！！

ブログランキング、応援クリックお願いします！！m(_ _)m
↓