人月ベースで

動作確認テストを兼ねて投稿。

7月10日にリリースされた3.2は色々と問題が起きるかたもいたようなので3.2.1-jaが出るのを待っておりまして、一昨日に待望のWordPress-3.2.1-jaがリリース。早速アップデートしました。

とりあえず当サイト上では特に不具合もなく動いているようです(Sakuraスタンダード鯖/PHP5.3.6/MySQL5.1) 。コンパネのデザインがスッキリして良いですね。

下記は稼働中のプラグイン一覧です＞アップデート恐怖症のお仲間へ

サイトが重くなってきてるのが嫌で、僕にも出来そうなお手軽な方法だけで高速化・最適化を図ってみました。

それでもなんとかなっちゃうどころか思ったより満足する結果が得られるのがワードプレスのいいところで、だいぶ速くなりました。プラグイン作者様や解説して下さってる皆様のおかげでございます 感謝

要らない物を消す

まずはこれに限る。プラグイン・ウィジェット・広告を削り、必要最小限の構成に。
＞ウィジェットは他サイトからの読込や動的生成の物をなるだけ少数に。
＞同じく広告も。減らしたくない場合はフラッシュ系でなくテキスト系に。
＞プラグイン減らすとキャッシュ系プラグインとのコンフリクトも減る。

プラグインを管理画面以外で読み込まないようにする

参考：WordPressプラグインをいっぱい入れすぎた場合の簡単に出来る高速化
管理画面でしか使用しない系統のプラグインは、管理画面以外で動かさないように設定する。
cbnet Ping Optimizer
Commenters Info
Google XML Sitemaps
Revision Control
Tiny MCE Advanced

.htaccess と php.ini

WordPressサイト用の.htaccess例 を参考。

このBLOGがあるサクラ鯖では mod_deflate(GZIP圧縮) と mod_expires (静的ファイルの有効期限設定）が使えないけど。

（そのためPHPだけでも圧縮しようと php.ini でzlib.output_compression=1 としていたのだが、だいぶ以前のことだったので忘れていた。そのまま後述のHeadCleanerを入れたところphpエラーログに「HeadCleanerとコンフリクト」と大量に吐かれて気付き、記述を消した。）

プラグイン

下記３つの併用で驚くほど速くなる。

ただし適切に設定しないとlightbox系が動かなくなったりアクセス不能になったりするので注意。

• オブジェクトをキャッシュ　WP-FileCache
• データベースをキャッシュ　DB Cache Reloaded Fix
• CSSやJSの整理・圧縮・キャッシュ　Head Cleaner

問題無く動いた設定

使用中のプラグインすべて

この環境で問題無く動いた。

WP-FileCache

これの有効・無効を切り替えるときに暴走してサイト表示不能・Wordpressコントロールパネルにアクセス出来なくなった場合、さくらのコンパネ  -> リソース情報 から プロセスを全部終了させ、FTPで /wp-content/ にある object-cache.phpファイルを削除またはリネームする。（このファイルはまた勝手に生成されるので削除しても構わない）

DB Cache Reloaded Fix

Head Cleaner

「JavaScriptを小さくする 」にチェックするとjQuery Colorboxが動作せず（対象外にチェックしても同じ）。JqueryColorBoxのバージョンを3.8.3に落とすと問題なく動作する。

これまで記事にコードを載せるとき  Syntax Highlighter Evolved や Syntax Highlighter for WordPress を使ってきました。

# dd_rhelp /dev/sdd6 /media/WD10EACS/disk0.dd

↑ こーゆーの

コードを綺麗に色付けしたり、コピペ出来るアイコンと一緒に貼ることが出来たりするんですけども、その記事をビジュアルエディター（TinyMCE/TinyMCE Advanced）で開いてしまうとエディタがコードを勝手に整形してしまいコードがグチャグチャに壊れるという難点があったりします。

まあ事前にわかっていたことですし、 『HTMLモードで開けばいいだけじゃん』 とか軽く考えて設置し、以降そんなものだと諦めて使っていました。使うときは下記のような運用。

1. ダミーの下書き記事を作って常時置いておく
2. 記事を編集しようとするとき、記事中にコードが無いか事前に確認
3. コードのある場合はまずダミー記事を開きＨＴＭＬモードか確認
4. もしビジュアルエディタになっていたらＨＴＭＬモードにする
5. お目当ての記事を開いて編集
6. 編集中、HTMLモードからビジュアルエディタモードへ切り替えるのはNG

こんな感じで2年ほど使っているうち・・・・段々と面倒になってきました＞＜。いつの間にかコードを載せるのが億劫になってる自分に気付きました。これではメモ帳ブログとしての目的を果たせてません。

あと、おっちょこちょいの自分は間違ってビジュアルエディタで開いてしまって知らないうちに自動保存機能で上書きされ 『やっちまったぁーーふぁーっく！』 ってことが数ヶ月に一度くらい起きてたり。

ええ。最後に起きたのは昨日です。ふぁーっくふぁーーっっく！

さすがにヤバイだろ（この期に及んで何も対策しない自分が）と思い調べてみると、 Google Syntax Highlighter HF Editon という素晴らしいプラグインがあるじゃないですか。グラシァス！速攻乗り換えて解決しました。

PS Disable Auto Formating や mitsurin改造版 との併用も問題なく使えているようです。これで暫く運用してみようと思います。

使いかたと注意点

コードを挿入するときは［HTMLモード］にして、

<pre class="brush:php;">
ここに挿入したいコードを書く
</pre>

というふうにpreで囲って一旦保存する。これだけ！  »»» 続きを読む »»»

いつの間にか、携帯電話での閲覧時にAmazon広告画像・Webikeの広告画像が表示されなくなっていた。

記憶が曖昧なので対処に困った。2ヶ月ほど前までは正常に動いていたはずで、その頃はktai-styleのfunctions.phpにMitsurinの説明にあるコードを追加しただけでOKだったはず。

その後ktai-styleのテーマやfunctions.phpを弄ったような・・・弄ってないような・・・・うーん。とりあえずktai-style丸ごと入れ直して一から設定し直すことにした。

<参考>　[らいでん様] wordpress インストール 備忘録

0) コンパネで”オプションの削除”を実行した後にアンインストール

1) ktai-styleを 公式プラグインディレクトリー の”Development Version”よりDL 。このDevelopment Versionのリンク先が常に最新の開発版とのこと。この時点でのバージョンは2.1.0-beta2だった。(開発版は安定版ではない旨を理解した上で使うこと)。

2) 普通にインストール

3) wp-content/plugins/ktai-style/themes/使用しているテーマ名/functions.phpを作成し下記コードを書く（今回、オリジナルにwebikeを追記したので、ks_keep_amazon_imageからks_keep_affiliate_imageに変えている）。

テーマによりfunctions.phpが既に存在している場合がある。そのときは下記から先頭行＜？ｐｈｐ　と　最終行？＞　を抜いたものを既存のスクリプトの？＞以前に追記する。

楽天アフィリエイトとかもこんな感じで追記すれば動くと思います。

<?php
function ks_keep_affiliate_image($replace, $orig, $src) {
    if (preg_match('#^http://ecx.images-amazon.com/images/#', $src)) {
        $replace = $orig;
    }
    if (preg_match('#^http://www.assoc-amazon.jp/#', $src)) {
        $replace = $orig;
    }
    if (preg_match('#^http://w1.webike.net/#', $src)) {
        $replace = $orig;
    }
    return $replace;
}
add_filter('ktai_image_to_link', 'ks_keep_affiliate_image', 10,3);

function ks_direct_external_link($link_html, $href, $label) {
    return '<a href="' . attribute_escape($href) . '">' . $label . '</a>';
}
add_filter('ktai_external_link', 'ks_direct_external_link', 90, 3);
?>

以上で直った。

らいでん様、有益な情報を有り難う御座います。

Amazonのちょっと煩い感じの広告に飽きてきたのでサッパリとした広告に。Mitsurin改造版を入れて [設定] -> [Amazonアソシエイト] -> [カスタムタグ]で好き勝手に指定出来るようになった。

<参考>
[Happy WP様] オリジナルのMitsurin
[名称検討中様] WordPress用AmazonアソシエイトPlugin: Mitsurin改造版
[人月ベースで] ktai-styleでMitsurinで貼ったAmazonの画像が出ない件

例えば、カスタムタグ設定で

<blockquote><a href="%linkURL%">★%contentName% ★Amazon%priceTag%</a><br />%bookImgTag%</blockquote>

こうしておく。記事中のamazonタグにtype指定が無ければ(type=’custom’ と明示的に指定することも出来る)、自動的にカスタムタグ設定欄の内容が反映され、記事には下記のように出力される(下記はキャプチャ画像)。

素晴らしいプラグインの制作者様に感謝。