ワードプレス関連の役立つ情報をまとめています。WordPressプラグイン、WordPressテーマ(テンプレート)の情報を分かりやすく紹介します。

Crayon Syntax Highlighter - ソースコードを記事上で綺麗に表示できるWordPressプラグイン

このエントリーをはてなブックマークに追加
Crayon Syntax Highlighter

記事公開日 2014.01.06

最終更新日 2015.05.27

Crayon Syntax Highlighterは、記事の中でソースコードを綺麗に表示できるプラグインです。WordPressプラグインで動作するSyntax Highlighter(シンタックス・ハイライター)です。

使い方は簡単です。プラグインをインストールすると、記事編集エディタに専用のボタンが追加され、そのボタンを押すと表示される挿入画面から表示するソースコードを登録します。

このプラグインを利用すると、ソースコードがエディタがのように綺麗に表示できます。見栄えと使い勝手が良いので非常に役に立つプラグインです。Webサイト上でHTML/CSSやプログラミングのコードを解説する機会が多い方は、このプラグインを活用しましょう。

はじめに

このプラグインが優れている点

  1. Webサイト上でエディタのように綺麗にソースコードを表示できる。
  2. WordPressプラグインで動作するSyntax Highlighter(シンタックス・ハイライター)です。
  3. 記事編集エディタに専用のボタンが追加され、そのボタンを押すと表示される挿入画面からソースコードを登録します。
  4. ショートコードを利用して記述することもできる。

ソースコードの表示例(画像の見本)

Crayon Syntax Highlighter見本

実際に動作するデモは、公式サイトのデモで確認できます。

対応言語

  1. ABAP
  2. ActionScript
  3. AmigaDOS
  4. Apache
  5. AppleScript
  6. Arduino
  7. Assembly (x86)
  8. AutoIt
  9. C
  10. C#
  11. C++
  12. CoffeeScript
  13. CSS
  14. Delphi/Pascal
  15. Diff
  16. Erlang
  17. Go
  18. Haskell
  19. HTML
  20. Lisp
  21. Lua
  22. Microsoft Registry
  23. MIVA Script
  24. Monkey
  25. MS-DOS
  26. MySQL
  27. Java
  28. JavaScript
  29. Objective-C
  30. Perl
  31. PHP
  32. PL/SQL
  33. PostgreSQL
  34. PowerShell
  35. Python
  36. R
  37. Ruby
  38. Rust
  39. Scheme
  40. Shell (Unix)
  41. Transact-SQL
  42. TeX
  43. Vim
  44. Visual Basic
  45. Visual Basic .NET
  46. YAML

インストール方法

管理画面から検索してインストールして下さい。もしくは、WordPress.org からダウンロードし、アップロードしてインストールして下さい。

  1. WordPress管理画面 > プラグイン > 新規追加 >「Crayon Syntax Highlighter」で検索
  2. WordPress.org からダウンロード

プラグインの設定

管理画面の場所

このプラグインの管理画面は、下記の場所にあります。

WordPress管理画面 > 設定 > Crayon

管理画面の設定

このプラグインの管理画面は日本語化されています。管理画面の説明を読み、必要に応じて設定を変更して下さい。

ちなみに、プラグインの設定は、特に変更しなくても初期設定のままでも利用可能です。

Crayon Syntax Highlighter

ソースコードの挿入方法

プラグインをインストールすると、記事編集エディタに専用のボタンが追加されます。そのボタンをクリックすると、挿入するソースコードの挿入画面が表示されます。

記事編集エディタ

Crayon Syntax Highlighter 記事編集エディタ

挿入画面

この画面で挿入するソースコードの設定を行います。右上にある挿入のリンクをクリックすると、記事編集エディタにコードが挿入されます。

Crayon Syntax Highlighter 挿入画面

まとめ

Crayon Syntax Highlighterは、記事の中でソースコードを綺麗に表示できるプラグインです。

このプラグインを利用すると、ソースコードがエディタがのように綺麗に表示できます。見栄えと使い勝手が良いので非常に役に立つプラグインです。

スポンサーリンク



最後までお読み頂き、ありがとうございます

この記事の内容が役に立ったと思ったらソーシャルメディアで共有してね。

このエントリーをはてなブックマークに追加

RSSフィードを購読する

follow us in feedly

関連記事

コメント

  1. この記事へのコメントはありません。

*


RSSフィード Twitter Facebook Google+

スポンサーリンク

ワードプレステーマTCD

ネタワンでも利用しているTCDのWordPressテーマを紹介します。様々な種類のテーマが販売されています。

CORE(TCD027)

WordPressテーマ「CORE (TCD027)」

マガジンスタイルのメディアサイト(ポータルサイト)を構築できるWordPressテーマ


ワードプレステーマTCDの詳細&レビューはこちら