SyntaxHighlighterのプラグイン

ソースコードの記事表示にSyntaxHighlighterプラグインを利用する為に現用使用テーマMystique 2.1.1に載せて検証してみました。

SyntaxHighlighter Evolved
Syntax Highlighter for WordPress

で検証してみるとFFでは、正常動作しますがIE8では、画像とSyntaxHighlighterが表示しているページでは、画像をクリックするとLightBOXのように画像が表示されませんでした。jsが競合しているのどうかは、不明ですが別のプラグインを探すことにしました。

SyntaxHighlighter Plus

上記プラグインでは、画像表示の不具合もなく正常に表示されることを確認できました。
しかし行番号を指定できなかったりオプション関係が使用できないようなので、さんきゅう堂様のお世話になりハックしてみました。

ハック内容は、下記URLページです。
http://sunq.jp/style/archives/2009/02/15-122353

さんきゅう堂様お世話になり有難うございました。

これでなんとか表示できているようです。
下記表示テスト参照

wordpress index.php の表示 テスト

<?php
/**
 * Front to the WordPress application. This file doesn't do anything, but loads
 * wp-blog-header.php which does and tells WordPress to load the theme.
 *
 * @package WordPress
 */

/**
 * Tells WordPress to load the WordPress theme and output it.
 *
 * @var bool
 */
define('WP_USE_THEMES', true);

/** Loads the WordPress Environment and Template */
require('./wp-blog-header.php' );
?>

これで コードのSyntaxHighlighter表示と画像表示の問題が解決できたと思われる。

スポンサーリンク
広告
広告

シェアする

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

フォローする

スポンサーリンク
広告