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インストール後

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

 

今更ですが、

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

関連記事

  1. WordPress

    WP(WordPress)

    WPの投稿画像が大き過ぎる場合

    WordPress 画像の横幅が大きすぎる場合の対応W…

  2. WordPress

    WP(WordPress)

    WPのカテゴリページ(category.php)内でカテゴリ情報を取得

    カテゴリページ(category.php)内で、カテゴリ情報(カテ…

  3. WordPress

    WP(WordPress)

    「WordPress JSON REST API」を使って、記事個別ページを作成

    個別記事のデータを取得した場合には、http://www.samp…

  4. WordPress

    WP(WordPress)

    記事詳細ページからカテゴリー情報を取得

    WPから投稿した記事の公開ページ(single.php)の作成時に、…

  5. WordPress

    WP(WordPress)

    「DB Cache Reloaded Fix」を入れたらエラーが出た!!

    このブログのフィード(feed)を確認すると、以下のようなエラーが…

  6. WordPress

    WP(WordPress)

    PHP5.4以上だとWordPressの管理画面上でエラーが出る件

    お客さんから、WordPressの管理画面上に、Warning…

最近の記事

  1. PHP
  2. Python
  3. Python
  4. PHP
  5. 宅建
PAGE TOP