最近このブログの機能アップに費やす時間を増やしています。
色々と便利にしたいなとWP-AutoPagerizeプラグインを入れてみました。

これは元々FirefoxのGreaseMonkeyというアドオンの追加するユーザスクリプトで、検索結果やニュースページを見る際にページ遷移をせずにある一定のスクロールをした段階で、次のページの記事が追加されるという優れもの。

ただ、その上で問題になったのがsyntaxhighlighterプラグイン。
これはソースコードを見せる際に綺麗に整形してくれるプラグインです。

何が問題かというと、次ページ記事を読み込んで表示する際にソースコードがあった場合に、syntaxhighlighterの表示処理の動作をしてくれないというものでした。
そのため両方のプラグインの調整が必要になりました。

その調整のやり方を記載しておきます。

まずは、Autopagerが新しいページを読み込んだ際にsyntaxhighlighterの関数を呼び出すよう設定します。wp-autopagerize.jsはソースコードが圧縮されているので、15行目をコピペして貼り付けてOnline Beautifier for JavaScriptなどで綺麗に整形しなおしてもらいましょう。
50行目にソースコードを追加します。

wp-autopagerize.js

var o = function () {
  l.show();
  $.ajax({
    url: k,
    success: function (h) {
      if ($(pageRizeClassName, h).length > 0) {
        j++;
        c.before("<p id='page-" + j + "' class=\"pageNum txt75\"><a href='" + k + "'>" + j + "</a> ページ目</p>");
        k = $("p.pageNav a.next", h).length > 0 ? $("p.pageNav a.next", h).attr("href") : null;
        c.before($(pageRizeClassName, h).filter(function () {
          return ! $(this).hasClass("pageNav");
        }));
        m = b.scrollHeight;
        g();
        SyntaxHighlighter.highlight();//この行を追加
      }
      l.hide();
    },
    error: function () {
      l.hide();
    }
  });
};

これでJavascript側の修正は終了。続いてsyntaxhighlighterを修正します。

syntax_highlighter.php

function add_footer(){
	$enabled = false;
	foreach ($this->options as $key => $val) {if ($val[0]) {$enabled = true; break;}}
	if (!$enabled) return;

	$scripts  = "<script type=\"text/javascript\" src=\"{$this->plugin_url}js/shCore.js?ver={$this->plugin_ver}\"></script>\n";
	$scripts .= "<script type=\"text/javascript\" src=\"{$this->plugin_url}js/shBrushAll.js?ver={$this->plugin_ver}\"></script>\n";

/*
	// Bash / shell
	if (isset($this->options["bash"]) && $this->options["bash"][0])
		$scripts .= "<script type=\"text/javascript\" src=\"{$this->plugin_url}js/shBrushBash.js?ver={$this->plugin_ver}	

	(中略)

	elseif (isset($this->options["xslt"]) && $this->options["xslt"][0])
		$scripts .= "<script type=\"text/javascript\" src=\"{$this->plugin_url}js/shBrushXml.js?ver={$this->plugin_ver}\"></script>\n";
*/
	echo $scripts;

上記の修正は、syntaxhighlighterでは各プログラムソース毎にJavascriptファイルを持っていて、読み込んだ記事内で使っているプログラム表示用のJavascriptのうちどれを読み込むかを判定しています。
今回は判定を飛ばして、各プログラム用JSを一つのファイル「shBrushAll.js」にまとめてそれを読み込ませることで対応しています。

使用プラグイン
WP-AutoPagerizeプラグイン
syntaxhighlighterプラグイン

Popular Posts:

• jQuery ifによる要素の判定
• 一新。
• iframe等を使った子から親へイベントを渡す方法
• いつも忘れちゃうので…UNIXタイムスタンプの変換
• JSONデータの使い方

• 【注意】YSlowプラグインの挙動
• 携帯とiphone対応しました
• jQuery版画像プロテクションプラグイン をリリース！！
• jQuery – 制作現場で使えるプラグインあれこれ
• はてなブログのデータを移行しました。

ブログを携帯対応してみました。
WordPressって素晴らしい！プラグインで難なく対応出来ました。
このプラグインの手軽さは他のブログシステムだと得られないなぁ…と感動。

ちなみにWPtouchとKtai Styleというプラグインを入れて、オプション設定いじって完成。
一部携帯の方はヘッダ画像を出したいのでテンプレートファイルを調整していますが
作業自体は30分かかってません。

他のブログにはもう戻れない…

Popular Posts:

• jQuery ifによる要素の判定
• 一新。
• iframe等を使った子から親へイベントを渡す方法
• いつも忘れちゃうので…UNIXタイムスタンプの変換
• JSONデータの使い方

• AutoPagerizeとsyntaxhighlighterプラグインをWordPressで使う
• 【注意】YSlowプラグインの挙動
• はてなブログのデータを移行しました。
• ウェブの未来 – WISH2009
• WordPress MU 入れてみました。

なので記事数増えました～！
デザインもまだ簡易的なものなので来年早めにデザインも一新していきます。
プラグイン開発や右上の開発したプログラム公開などもデータ溜まっているので
早めに公開出来るようします！

ちなみにwordpress mu(wpmu)使っていたのですが、wpからの移行だと写真データとかも
インポート出来るのですね。。非常に優秀（当たり前）

プラグインのインストールとか楽だし。
今後のバージョンも楽しみですね

Popular Posts:

• jQuery ifによる要素の判定
• 一新。
• iframe等を使った子から親へイベントを渡す方法
• いつも忘れちゃうので…UNIXタイムスタンプの変換
• JSONデータの使い方

• 少しだけ
• WordPress MU 入れてみました。
• JSONデータの使い方
• URIデータスキーム
• GoogleDeveloperDay2009 ～ OpenSocial Hackathon

インストールはすごい簡単。
ファイル入れてから「index-install.php」にアクセスするだけ。
あとはデータベースの設定を入れてあげれば完成。

なんとお手軽。

だた気になった点として、サブドメインでのブログの構築かフォルダ以下でのブログ構築を選ぶんだけども
どっちもやりたい場合は？とか、まだまだ調べないといけないことが多いみたいですね。

本体のダウンロードは
http://mu.wordpress.org/download/

日本語化はGOOGLE codeにてダウンロード
http://code.google.com/p/wpmu-ja/

wordpressの本でいろいろ見たけど、タグ辞典的なものが良いよね。
そんなわけで以下の本お勧め。

WordPress逆引きデザイン事典[2.X対応]

高山 一登 大久保 アキラ 酒井 隆　翔泳社
売り上げランキング: 28516

Amazon.co.jp で詳細を見る

Popular Posts:

• jQuery ifによる要素の判定
• 一新。
• iframe等を使った子から親へイベントを渡す方法
• いつも忘れちゃうので…UNIXタイムスタンプの変換
• JSONデータの使い方

• 携帯とiphone対応しました
• 少しだけ
• jQuery版画像プロテクションプラグイン をリリース！！
• windows vistaでPHP開発環境の構築
• はてなブログのデータを移行しました。

便利なんだけど大きなサイトとかで使う場合、デフォルトだと何度もクリック出来ちゃう。
なので、いたずら防止で以下のコードを追加してあげます。

63行目以下ののclickイベントを以下の形に変更

click: function(n, el, settings){	// Selected a star or cancelled
$.rating.groups[n].current = el;
var lnk = $(el).children('a'); val = lnk.text();
// Set value
$.rating.groups[n].valueElem.val(val);
//
//ここから追加
$.rating.groups[n].readOnly = true;
$.rating.groups[n].valueElem.siblings('.star_group_'+n)
.addClass('star_readonly')
.removeClass('star_live')
.unbind("mouseover mouseout");
//ここまで

// Update display
if($.rating.groups[n].readOnly == false){	//このif文も追加
	$.rating.event.drain(n, el, settings);
	$.rating.event.reset(n, el, settings);
// click callback, as requested here: http://plugins.jquery.com/node/1655
if(settings.callback) settings.callback.apply($.rating.groups[n].valueElem[0], [val, lnk[0]]);
}//閉じも忘れずに。
}

1回★のレーティングした後は更新ボタン押さないといけないようになりました。
古いバージョンだとイベントなどが毎回読み込まれていたようですが、新しいバージョンだと
設定部分にイベント関数が来てたりと、随分内容が変わっていました。
古いバージョンだと

settings.cancel = <span class="synConstant">false</span>;

とclickのアクションに追加するだけなので楽ちんだったけど
イベント周りがバラバラだったので、新しい方がすっきりしてると思いました。

Popular Posts:

• jQuery ifによる要素の判定
• 一新。
• iframe等を使った子から親へイベントを渡す方法
• いつも忘れちゃうので…UNIXタイムスタンプの変換
• JSONデータの使い方

• ハロウィン
• イベント
• iframe等を使った子から親へイベントを渡す方法
• jQuery – 制作現場で使えるプラグインあれこれ
• 夏仕様