Crayon Syntax Highlighterに変更 [WordPress]
シェルスクリプトやHTMLの表示にWordPressプラグイン「SyntaxHighlighter Evolved」を利用していましが、表示する際に負荷が高い場合はあるので、他のプラグインを探していたところ「Crayon Syntax Highlighter」を見つけました。使用方法などを紹介します
Crayon Syntax Highlighterインストール
・WordPressの管理画面にアクセスし、「プラグイン」→「新規追加」の順にクリックします
・テキストボックスに「Crayon Syntax Highlighter」と入力し「Enter」を押します
・検索結果一覧で「Crayon Syntax Highlighter」を選択し「今すぐインストール」をクリックします
・「プラグインを有効化」をクリックしてプラグインを有効化したらインストールは終了です
・「SyntaxHighlighter Evolved」をインストールはされている場合は、「プラグイン」→「インストール済みのプラグイン」から「SyntaxHighlighter Evolved」を停止または削除しておいて下さい
Crayon Syntax Highlighter設定
・「設定」→「Crayon」の順にクリックします
・設定の一覧が表示されます。設定はほとんどデフォルトのままで行っていますが、テーマの変更とタグの設定箇所で「 Crayonsとして【php】【/php】のようなミニタグをキャプチャします。」にチェックを入れています。
Crayonsとして【php】【/php】のようなミニタグをキャプチャします。を有効にしないと今まで、SyntaxHighlighter Evolvedで利用していたコードが再利用できません。
・Crayonsとして【php】【/php】のようなミニタグをキャプチャしますを有効にしない場合
※【】は[]に置き換えてください
【bash】 $ date 2015年 12月21日 月曜日 15時41分12秒 JST 【/bash】
・Crayonsとして【php】【/php】のようなミニタグをキャプチャしますを有効にすると以下のように表示されます
$ date 2015年 12月21日 月曜日 15時41分12秒 JST
設定項目一覧
テーマ「Shell Default」に変更。フォントを「Shell Default」に変更。
・ タグ欄にある Crayonsとして【php】【/php】のようなミニタグをキャプチャします。にチェックを入れる
設定を保存して終了です
入力例サンプル
現在は、「Crayon Syntax Highlighter」を使用していないので、「Enlighter」を使用しています
HTML
・theme:classic font:arial を利用しています
<html> <head> <title>タイトル</title> </head> <body> 本文 </body> </html>
php
・theme:eclipse font:monaco を利用しています
// 現在時刻の表示
<?php
echo date("Y/m/d g:i");
?>
C言語
・theme:neon font:times を利用しています
#include <stdio.h>
int
main()
{
int a;
a = 1;
if (a == 1) {
printf("a is 1\n");
}
}
Apache
・theme:mirc-dark font:ubuntu-mono を利用しています
# prefork MPM # StartServers: number of server processes to start # MinSpareServers: minimum number of server processes which are kept spare # MaxSpareServers: maximum number of server processes which are kept spare # ServerLimit: maximum value for MaxClients for the lifetime of the server # MaxClients: maximum number of server processes allowed to start # MaxRequestsPerChild: maximum number of requests a server process serves <IfModule prefork.c> StartServers 8 MinSpareServers 5 MaxSpareServers 20 ServerLimit 256 MaxClients 256 MaxRequestsPerChild 4000 </IfModule>