Wordpress と Firefox の組み合わせで文字入力が異常に重いのを解決

数ヶ月前から、Wordpressの投稿画面のテキストボックスが非常に重くなっていました。
簡単に検索した限り、同様の事例がなかったので、それを解決した流れをメモしておきます。

■環境
Windows Vista 32bit
Firefox7～ Firefox9
Wordpress3.2 ～ Wordpress3.3

■現象
投稿画面のメインの文章を打つテキストボックスで、何らかの入力をしてから反応まで0.5秒くらいかかる。ただのスクロールにも0.5秒かかる。
IE9, Chrome, Safariではスムーズに入力できる。

■原因・対策
ハードウェアアクセラレーションが原因でした。
メニューの ”オプション” → ”詳細” → ”一般” にある、”ハードウェアアクセラレーション機能を使用する。”のチェックボックスをOFFにした後、PCを再起動 すると、軽くなりました。なぜか、ブラウザの再起動だけでは、戻りませんでした。ちなみに、その他の拡張機能、プラグインはON/OFFを変えても重さは変わりませんでした。

■その他
このPCのビデオカードは AMDの RADEON HD5450 搭載品です。Catalyst関連を最新版のVer.11-12にしてみましたが、この挙動は解決しませんでした。
Firefoxの問題なのか、Wordpressの問題なのか、HD5450が力不足なのか…。いずれにしても、ハードウェアアクセラレーション周りはまだ 発展途上ですね。

Lightbox Gallery pluginで画像を見やすくしました。

ギャラリーを活用し始めるに当たり、WP3.3のギャラリー機能がかなり少なかったため、Lightbox Gallery pluginを導入しました。

欲しかった機能は以下です。
・画像を大きく表示しながら、次の画像を簡単、直感的に表示したい。
・設置が簡単。テーマに手を加える必要がない。

上記プラグインで、トラブルなく解決することができました。
プラグインをインストールするだけで、こんなに簡単に機能を拡張できることもあるんですね…。
設定項目から、デフォルトの画像サイズの設定もできたので、大きめの写真になるように設定しました。かゆいところに手が届く仕様ですね。

Lightbox Gallery pluginには、他にもギャラリーの一覧をかっこよくするような機能もあるそうですが、それはまた欲しくなったら使おうと思います。

サイト動作を3倍速くしました。

Wordpressは日本語環境で使うと遅くなるそうです。
そこで、下記サイトのやり方の通りにプラグインを2つ導入しました。



WordPress をたった3分で3倍高速化する方法 [MO Cache]

1. WordPress の管理画面を開く
2. WP File Cache をインストールする
3. MO Cache をインストールする
4. 完了！設定の必要はありません

簡単でした。
結果は、1.5倍くらい速くなったように思えます。
ON,OFFを何度か繰り返してみましたが、OFFだと3拍（自分生成リズム）くらいで読み込まれるところが、ONだと2拍弱で読み込まれるようでした。


3倍ではありませんが、うちの旧ACCA-ADSL-12M回線かOCNの遅延等も入ってきているはずなので、このくらいなのかもしれませんね。
あとは、下記のようなこともあり得るそうなので、とりあえずはしばらく注意しながら様子を見ようと思います。

[WordPress]W3 Total Cacheを使ってレスポンス速くなって喜んでたらひどい目にあった

twitterなどSocial連携ボタン設置

twitter,facebook,mixiなどのsocial連携をするべく、ボタンを設置してみました。
socialなツールを使いこなしている方は、ぜひ押してみてください。

ではその作業メモを残します。

プラグインなしでもテーマをいじることでボタン追加はできるそうですが、メンテナンス性のためプラグインに頼ることにしました。

まず、プラグイン、WP Social Bookmarking Light　を導入。
このプラグインを有効化することで、各投稿の下部にボタンを並べることができました。

そんな作業の中、このテーマにはもとから、使うことのなさそうなボタンが記事の下部に組み込まれていたことに気づいたため、それを削除しました。

具体的にはテンプレートの single.php から下記を削除。

     <div id="tools">
<div style="float:left;"><a href=" http://digg.com/submit?phase=2&url= <?php the_permalink();?>&title=<?php the_title();?>" target="_blank"><img src="<?php echo get_option('home'); ?>/wp-content/themes/arthemia/images/sociable/digg.png" title="Digg this!"></a><a href=" http://del.icio.us/post?v=4&noui&jump=close
&url=<?php the_permalink();?>
&title=<?php the_title();?>" target="_blank"><img src="<?php echo get_option('home'); ?>/wp-content/themes/arthemia/images/sociable/delicious.png" title="Add to del.icio.us!"></a><a href="http://www.stumbleupon.com/submit?url=<?php the_permalink(); ?>&title=<?php the_title(); ?>" target="_blank"><img src="<?php echo get_option('home'); ?>/wp-content/themes/arthemia/images/sociable/stumbleupon.png" title="Stumble this!"></a><a href=" http://technorati.com/faves?add=<?php echo get_option('home'); ?>" target="_blank"><img src="<?php echo get_option('home'); ?>/wp-content/themes/arthemia/images/sociable/technorati.png" title="Add to Techorati!"></a><a href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?>&t=<?php the_title();?>" target="_blank"><img src="<?php echo get_option('home'); ?>/wp-content/themes/arthemia/images/sociable/facebook.png" title="Share on Facebook!"></a><a href=" http://www.newsvine.com/_tools/seed&save? u=<?php the_permalink();?>&h=<?php the_title();?>" target="_blank"><img src="<?php echo get_option('home'); ?>/wp-content/themes/arthemia/images/sociable/newsvine.png" title="Seed Newsvine!"></a><a href=" http://reddit.com/submit?url=
<?php the_permalink();?>&title=<?php the_title();?>" target="_blank"><img src="<?php echo get_option('home'); ?>/wp-content/themes/arthemia/images/sociable/reddit.png" title="Reddit!"></a><a href=" http://myweb.yahoo.com/myresults/bookmarklet? t=<?php the_title();?>&u=<?php the_permalink();?>&ei=UTF" target="_blank"><img src="<?php echo get_option('home'); ?>/wp-content/themes/arthemia/images/sociable/yahoomyweb.png" title="Add to Yahoo!"></a>
</div>

    <div style="float:right;display:block;"><?php if(function_exists('the_ratings')) { the_ratings(); } ?></div>
    </div>

最後は、各ボタンの動作確認をして、mixiだけはチェックキーの登録が必要と言うことで、その作業をして終了です。
今回は特にトラブルなく完了しました。

予定表を設置完了

前回、設置を目指して理想通りに動くカレンダーが見つからず断念しましたが、その後、妥協を重ねてようやくある程度いい感じのカレンダーを見つけて設置することが出来ました。

前回の記事：予定表の設置を目指す。
http://wp55.blogspot.com/2011/02/blog-post.html

 求める点は以下
・PCに詳しくない人でも予定表として直感的に使用できること
・予定表に予定名が表示できること
・2ヶ月先まで表示できること
・設置が楽なこと
・サイズ可変であること

以上が要件でしたが、そのうち、以下の3つを満たす物はありました。

WP Events Calendar
http://www.wp-eventscalendar.com  
・PCに詳しくない人でも予定表として直感的に使用できること
・設置が楽なこと
・サイズ可変であること

予定名常時表示はありませんが、マウスオーバーで確認できるので妥協します。
2ヶ月先表示は諦めました。

設置イメージ。青が今日の日付、黄色に赤枠が予定が入っている日です。マウスオーバーで予定が表示されます。

文字のスタイルはCSSで指定が出来ました。

このカレンダーとしての表示法の他に、リスト形式にも出来ます。欲を言うと、カレンダーとリスト表示の両方を同時にしたかったのですが、それは簡単にはできなそうでした。

天気予報を追加

サイトに戸田の天気予報を追加しました。

天気予報に対して何となく考えついた要件は以下の通りです。
・設置が簡単である。
・3日以上先までの予報が見られる。
・必要スペースが小さい。
・直感的にわかりやすい表示。邪魔な物がない。
・戸田市のピンポイント予報が表示できる。

ざっと調べて見つけた候補は次の3つでした。

http://firegoby.theta.ne.jp/wp/weatherhacks

http://tenki.jp/webservice/blogparts/rain

http://uzee.net/computer/cms/wordpress/2008/05/01/wordpress-%E5%A4%A9%E6%B0%97%E4%BA%88%E5%A0%B1%E3%82%92%E3%81%A4%E3%81%91%E3%81%A6%E3%81%BF%E3%82%8B%E3%80%82.htm


要件を全て満たす物はなかったのですが、一番上の物が最も近かったので、それを設置しました。
ちなみに、戸田のピンポイント予報、の要件以外は満たせたので、さいたま市の天気を表示しています。
さいたま市役所から戸田ボートコースまでの距離は直線で6～8kmくらいなので、問題はないと考えています。

WordPressのRSS生成時のエラー(XMLパースエラー)を解決

私が使っている環境で、WordpressのRSSフィードが読み込めない現象が発生。
私のサイトでは、RSSフィードを使ってページ内外の更新情報をトップに掲示しているので、RSSフィードが読み込めないことは致命的です。

そこで、解決法を模索し、以下のサイトの方法で解決が出来ました。
ありがとうございます。
http://kngy.net/2010/08/24/wordpress%E3%81%AErss%E3%82%A8%E3%83%A9%E3%83%BC%E3%81%AE%E5%AF%BE%E5%87%A6%E6%B3%95/

以下引用

予定表の設置を目指す。

Arthemiaテーマを使ったサイトに予定表を設置しようとしています。


しかし、まだうまくいっていません。

求める点は以下
・PCに詳しくない人でも予定表として直感的に使用できること
・予定表に予定名が表示できること
・2ヶ月先まで表示できること
・設置が楽なこと
・サイズ可変であること

いくつかのサイトで調べて、試したのはEvent Calendar 3というプラグインです。
標準のままで使えることを願っていましたが、私の場合そのままでは使えなそうです。

インストール後、プラグインから”Event Calendar”を有効にすると、なぜかArthemiaテーマ内で表示しているサイトの新着記事サマリーが、前半だけのサマリーだけでなく全文表示になってしまいます。

今日はこれ以上時間がとれないので今日はここで中断。
やはり思っていたよりいろいろと面倒なWordpress…。