タモレねっと

WordPress初心者に優しい情報サイト

『Crayon Syntax Highlighter』ソースコードをきれいに表示できるWPプラグイン

time 2015/03/17

『Crayon Syntax Highlighter』ソースコードをきれいに表示できるWPプラグイン

sponsored link

Crayon Syntax Highlighte

プログラムやCSSなどのソースコードをきれいに表示してくれるWordPressプラグインです。

インストールと有効化

Crayon Syntax Highlighter

ダッシュボード→プラグイン→新規追加を選んでください。
その後、"AddQuickTag"で検索→いますぐインストール→有効化します。

テキストエディタにcrayonボタンが追加される

インストールして有効化するだけで『crayon』ボタンがエディタに追加されます。
位置はタブオーダーによって変わると思うので、どこに追加されたか確認しておいてください。
Crayon Syntax Highlighter02

設定は日本語対応

設定画面は最初から日本語に対応しています。
特にデフォルトから変更する必要はなさそうです。

crayonボタンを押して入力するだけ

テキストエディタでcrayonボタンを押すと、専用のエディタがポップアップします。
エディタ画面も最初から日本語化されています。
Crayon Syntax Highlighter04

何も設定を変更せずに各言語のHello worldプログラムのソースを入力し、挿入を押した結果が下記です。
Perlだけ気になりますが、他の各言語では自動判別されていますね。

さらに、上記で挿入されたHTMLソースは下記のとおりです。
大なり小なりなどの文字がHTMLのエスケープ文字に自動変換されていますね。

気になったPerlを明示的に指定してみると

PerlのソースだけをDefaultで挿入してもハイライトしてくれないようですが、
明示的に『プログラム言語』でPerlを指定すれば問題ないようです。

カスタマイズの自由度が高いが設定いらず

カスタマイズしようと思えば自由度は高いようです。
しかし、何といってもインストールしてから何も変更しなくてもよい手軽さが魅力ですね!

sponsored link

down

コメントする




CAPTCHA


管理人について

タモレ☆管理人

タモレ☆管理人

タモレです。50代で海釣りデビューした犬猫大好きな普通の事務のおばさんです。元・プログラマーで現・終活カウンセラーでもあります。
姉妹サイトの更新情報、WordPressを使ったサイト構築の備忘録を中心にアップしていきます。 [詳細]

サイト内検索

タモレ☆のツイート



sponsored link