共同ブログ

WP SyntaxHighlighterをjQueryに対応させる

Lang Pack for WP SyntaxHighlighter

WP SyntaxHighlighterは標準では、jQueryに対応していません。対応させるには、jQuery用Brushをダウンロードして設定します。やり方は、言語の追加に載ってます。

wp-content/plugins/wp-syntaxhighlighter/sample/lang-pack-for-wp-syntaxhighlighterにディレクトリ「jquery」を作り、そこにダウンロードした「shBrushJQuery.min.js」を入れる。

lang-pack-for-wp-syntaxhighlighter.phpを編集。

$wp_sh_brush_files['YAML'] = array($add_nl_plugin_url.'yaml/shBrushYaml.js', 'yaml yml', 'all', 'added');

の下に、

$wp_sh_brush_files['jQuery'] = array($add_nl_plugin_url.'jquery/shBrushJQuery.min.js', 'jq jquery jQuery', 'all', 'added');

を追加。

$wp_sh_language3['yaml'] = array('YAML', 'added');

の下に、

$wp_sh_language3['jquery'] = array('jQuery', 'added');

を追加。

$wp_sh_language2['yaml'] = array('YAML', 'added');

の下に、

$wp_sh_language2['jquery'] = array('jQuery', 'added');

を追加。

$version = '1.3'; // Plugin version. When you modify this file, you must increase the version.

$version = '1.4'; // Plugin version. When you modify this file, you must increase the version.

に変更、保存。

ディレクトリlang-pack-for-wp-syntaxhighlighterをplugins直下に移動。WordPressのプラグイン管理画面で、「Lang Pack for WP SyntaxHighlighter」を有効にする。

あとは、WP SyntaxHighlighterの設定画面でjQueryのハイライトを有効にする。

2013年9月22日 日曜日 おいなり

9月23日 「」 < 1つ新しい | 1つ古い > 9月21日 「