ソースコードを記事に貼ろうとするととても見づらいんですよね。
まるでメモ帳でソースコードを読んでるみたいな気持ちになります。
それを解消してくれるのがWordpressのプラグインSyntaxHighlighter Evolvedです!

インストール

1.プラグインの新規追加ページにで「SyntaxHighlighter Evolved」と検索
2.インストールして有効化

使い方

このプラグインが賢いのはHTMLを表示したい場合はショートコードで囲むだけ!

[html]表示したいコード[/html]
[javascript]表示したいコード[/javascript]
[php]表示したいコード[/php]

こんな感じですね。
これだけでそれぞれの言語に合わせたハイライトをしてくれます。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Sample Title</title>
</head>
    $hoge = "Hello world!";
    echo $hoge;
<script type="text/javascript">
      var hoge = "Hello world!";
      alert(hoge);
</script>

これで気持ち良くコードを貼り付けられますね。

いつもシェアありがとうございます!気に入ったらシェアしていただけたら幸いです。