2011年12月23日金曜日

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が力不足なのか…。いずれにしても、ハードウェアアクセラレーション周りはまだ 発展途上ですね。

2011年12月19日月曜日

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

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

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

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

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

2011年12月13日火曜日

サイト動作を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を使ってレスポンス速くなって喜んでたらひどい目にあった

2011年12月12日月曜日

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だけはチェックキーの登録が必要と言うことで、その作業をして終了です。
今回は特にトラブルなく完了しました。