WP:WordPress(ワードプレス)

WP(WordPress)

WP プラグイン「Crayon Syntax Highlighter」でコードを表示

このブログでPHPやJavascriptなどのコードを乗せることがあるのですが、

綺麗に表示されないことがよくあります。

 

それで、以前から気になっていた

Crayon Syntax Highlighter

をこのブログにも採用することにしました。

 

インストールが完了すると、

投稿画面のエディタのメニューに「<>(ソースコード)」が追加されるので、

クリックすると以下の様な画面が開きます。
WP Crayon Syntax Highlighter
ここにソースコードを記述して、

「Language」で該当の言語を選択して、

「Add」をクリックすれば、

投稿したいコードがそのまま追加されます。

 

ユーザー側からの見た目も以下の様に変わります。

【プラグイン使用前】
=============================
if($a == "hoge")
{
echo "WordPressのテストコードです!!";
}
=============================

↓プラグイン使用後は、以下の様に改善されます。

【プラグイン使用後】
WP Crayon Syntax Highlighterインストール後

かなり見やすくなったと思います。

 

今更ですが、

エンジニアブログでは必須のプラグインですね!!

WordPress短期学習プログラム

関連記事

  1. WP:WordPress(ワードプレス)
  2. WP:WordPress(ワードプレス)

    WP(WordPress)

    WordPressにページング用プラグインを追加

    今日はブログをページ分割してみました。ページ分割はWP-PageN…

  3. WordPressで作れるサイト
  4. WP:WordPress(ワードプレス)

    WP(WordPress)

    WordPress やはり、リビジョンはこまめに削除すべき?

    WordPressを使って、弊社で構築させて貰った某サイトでの…

  5. WP:WordPress(ワードプレス)

    WP(WordPress)

    「WordPress JSON REST API」を使って記事を取得です。

    今週は個人的に「JSON REST API」週間と銘打っているので、…

  6. SEO(エスイーオー)

最近の記事

  1. URLのwwwあり・なしの統一方法
  2. URLのwwwはあり?なし?
  3. SEO(エスイーオー)
  4. 中古ドメイン(Old Domain)について
  5. CakePHP
  6. Technology-Connection-Net
  7. ドメインにハイフンを使うのは日本人だけ?
  8. SSL(HTTPS)
  9. ドメインについて
  10. WP:WordPress(ワードプレス)
PAGE TOP