5月 14

もう少し前に書いた記事の『WordPressの『続きを読む』をその場で表示する』。
ここではlightboxが動かないと書いた。
今回はその問題が解決したのでその方法を書いておく。

lightboxを動かす方法

参考にしたページは『LightboxとmoreのAjax(2)問題解決!!!』。
参考にしたページとlightboxのプラグインは違うんだけど、方法を頂いた。
僕が使っているlightboxのプラグインは『slimbox2』だ。
今回の修正も大変強引な方法になってしまったのが難点だ。

参考元同じように『ajaxified-expand-post-now.php』の中の

function fetchDone(outcome) {
	wH(gE('viewBox-'+postID), outcome);
}

の部分に追加する。

何を追加するかというと『slimbox2.js』の中身を全部だ。
嘘偽りなく10行ほどを丸々コピペ。
コメントアウト部分は削除するけどね。

function fetchDone(outcome) {
	wH(gE('viewBox-'+postID), outcome);
	ここにslimbox2の中身をコピー&ペースト
}

この関数部分でAjaxにより続きを読み込んだ時にlightboxのプラグインを動作させている。
lightboxプラグインのグローバル関数が理解できればもうちょっとスマートに出来るかも。


投稿日   written by hosimitu

5月 09

このブログは開始してからずっと『XREA』って言うところのサーバーを使っている。
無料で借りる事も出来るんだけど、今現在は有料の方にしている。
そろそろ期限が切れそうだったので更新しておいた。

無料の方だけでも容量50MBで、ブログを1つまでなら作れるようになる。
なぜ僕が有料化したのかと言うと容量が限界に来たからだ。
結構写真とかをアップロードしているので、余裕で50MBぶっちぎりだ。
有料化した事で色々と出来る事は増えたんだけどそれは割愛。

1年契約で2400円、月々200円なんだけど十分安いと思う。
個人ブログを維持する程度ならば高いレンタルサーバーを借りる必要ないしね。
むしろFC2とかでも十分なんだけど(;^ω^)

ここからは『XREA』のサーバーのハイスペックさを書いてみる。
今借りてるのが345番サーバーで、そのCPUは『Duo T8300 2.40GHz x 2』だ。
なんでこんなええもん2つも積んでるん?
メモリは2GBでちょっと少ないかなって感じなのが欠点だろうか。

興味がある人は借りて見るのもありだと思う。
ブログ以外にも何かしてみたいって言う人には最適解の一つだろう。
ブログだけなら断然FC2だと思うけれども(´ε`)


投稿日   written by hosimitu

5月 07

記事が長くなる時に時々使う『続きを読む』機能。
トップページなどでそれをクリックすると個別記事のページへとリンクが飛ぶ。
これはトップページを軽快に表示するために便利なんだけど、
記事を読む人にとっては若干うっとうしいのではないかと思う。

そこで、プラグインを導入してその場で続きが表示されれうようにしてみた。
今回参考にしたのは『Ajax で記事を折り畳んでくれるプラグイン』と『WordPress で「続きを読む」の折りたたみ Web2.0』。
このブログでは『Ajax で記事を折り畳んでくれるプラグイン』の方を使っています。

1つ目のプラグイン

WordPress plugin – Ajaxified Expand Post NOW』をダウンロード。
pluginsフォルダにアップロード後、有効化すると自動で『続きを読む』をその場で表示するようにしてくれる。
プラグインの中身をいじる事で、最初は『More ≫』と表示されるのを変更できる。

これにより新しいページに移動しなくても続きが読めるようになった。
ただ、lightboxのプラグインがうまく動かない。
仕様上、続きの部分はプラグインがうまく作用しないようなのであきらめた。

2009.5.14 追記
lightboxを動かす方法を見つけた。
『Ajaxified Expand Post NOW』でlightboxを動くようにする

2010.1.21 追記
『Ajaxified Expand Post NOW』のJavascriptを分離した

2つ目のプラグイン

参考サイトにリンクが張ってあるが、『Show Hide “more” with WordPress』をダウンロードして、参考サイトの手順でプラグインをいじる。
そしてアップロード&有効化で完了。

ちょっと手間だけど、こちらのプラグインはページの読み込み時に『続きを読む』以降も一気に読み込むようになる。
その上で続きを読む以降を非表示にしている。
なのでlightboxプラグインがたぶん、動くはず。

自分の目的がトップページを軽快にするためだったので、
記事を全部読み込むのはちょっとね。

まとめ

一応2つを紹介してみたけど、使っているのは1つ目だけ。
ただ2つ目は設定が多く表示の微妙な設定が出来る。
試してないけどおそらくlightboxも動くはず。

暇があれば両方試して見て気に入った方を使うのが良いね。


投稿日   written by hosimitu

5月 01

大変便利なGreasemonkeyスクリプトの『Autopagerize』。
これはFirefoxやSleipnir、OperaやSafariなど多くのブラウザで使えるように出来る。
どう言うものかというとこんな感じ。

Webページの一番下まで行くと次のページが自動で読み込まれる。

普通であればWebページの一番下まで行くとつっかえて終わりなんだけど、
『Autopagerize』を入れておくと自動で次のページが読み込まれる。
Google等の大手サイトであればもう既に設定がされている。
ただ個人のブログはその限りではなく、
Autopagerizeを動かすなら自分で導入する必要がある。

このブログではPage navigation用のプラグインとして『PageNavi』と言うものを導入している。
トップページの一番下に四角で囲んだ数字が一杯並んでいるアレだ。
これのプラグインのためにAutopagerizeの導入が無理だと思っていたけど、そうでもなかった。
以下はその手順。
ちょっと長いので続きへ。

続きを読む


投稿日   written by hosimitu

4月 27

若干見切り発車だけど記事にしてみた。
ちょっと導入が面倒かも知れない。

FirefoxやIE等のブラウザはキャッシュという物を溜め込んで、WEBページの表示を速くする機能がある。
大体の場合キャッシュはハードディスクに貯め込まれている。
回線が速い場合はキャッシュが無くてもそう困らないんだけど、
速ければ速いでページをたくさん開いて元の木阿弥になったりする。
よほど最新の情報を欲しない限りキャッシュは有効の方が良いと思う。

具体的に何を導入するの?

で、今回紹介するのはこれ。
RamPhantom3 FREE
体験版だけど、僕はこれで十分。

RAMディスクとはなんぞやって言うのは、『ERAM v.2.23を導入してFirefoxのキャッシュにしてみたら快適になったの巻』や『4GB超メモリの認識されない部分を高速ドライブとして活用』などを参考に。

かいつまんで言うとOSが認識しないメモリの部分をHDDみたいに扱おうって言うもの。
今回紹介するソフトはOSが認識しているところもHDDとして扱えるようにするんだけどね。

今現在僕のパソコンは2GB積んでいて、多い時でも70%くらいしか消費しない。
つまり少なくとも600MBくらいは空いていると言う事だ。
ここをRAMディスクにしようと。
とは言っても、『RamPhantom3 FREE』ではRAMディスクが256MBまでしか作れない。

もちろん僕は256MBに設定しているけど64MBでも良いと思う。
OSにもよるけど700MB以上メモリを積んでいるなら導入を試みるのもありかも。
512MB以下だとちょっと厳しい?
不意に大きなソフトを動かしたりするとまずい事が起こるかも知れないね。

導入したら次はどうするの?

ソフトをインストールするだけでRAMディスクが作れたと思う。
できたらマイコンピューターで新しいHDDとして表示されていると思う。
ぼくはRAMディスクをZドライブとして設定した。

次にFirefoxの方でキャッシュの保存先を指定する。
実はここが一番の山場になる。
Firefoxのキャッシュの保存先の移動(再編)』や『Firefoxのキャッシュ保存先の変更 【覚え書き】』を参考に。

最後にFirefox側でどれくらいキャッシュを保存するか設定する。
『ツール→オプション→詳細→ネットワーク→オフラインデータ』
とたどって、ページキャッシュとして○○MBまで使用するを適当に設定。
これで終了だ。

まとめ

これをした効果としてFirefoxの再起動が速くなったのではないかと思う。
アドオンを有効化・無効化する時に再起動を求められるのだが、
そこら辺りの動作が機敏になった印象。
ページの表示速度については・・・正直まだわからない。

(2009.7.7 追記)
Firefox3.5にしたのと同時にキャッシュをメモリに保存しなくした。
Firefox3.5にした事でアドオンが結構減ったので普通に起動が速くなったりした。


投稿日   written by hosimitu


Copyright © 2004-2010 星光のつれづれ日記
i3Theme 1.7 is designed by N.Design Studio. customized by hosimitu.