【WP plugin】デフォルトでも画像が表示できるように編集して携帯閲覧用を『Ktai Style』に切り替え

前々回のエントリの中で、WordPressの携帯閲覧用pluginを『Mobile Eye+』と『Ktai Style』で迷っているということを書きました。

そこに『Ktai Style』の作成者のyurikoさんから直々にコメントをいただき、感想を述べさせていただいたところ解決策を御教授いただきました。ありがとうございました。

snow and bluesky - WordPressを2.3.3から2.5に + 使用中WPプラグインを並べて備忘録

やり取りについては実際のコメントを見ていただければ一目瞭然ですが、sanbo-nが使ってみての両者の簡単な感想と言うか相違点として思ったのは

『Mobile Eye+』

デフォルトのままでamazletを利用したAmazonアソシエイトの書影を表示する。
閲覧を目的としたpluginのため、携帯でのシンプルな表示に特化されているが携帯からの編集などの機能は持っていない

『Ktai Style』

amazletを利用したAmazonアソシエイトの書影はそのままでは表示されず、リンクとしてクリックしなければ確認できない。
閲覧以外にも、ログインすることによって携帯からもダッシュボードが利用でき、エントリの編集や投稿が出来るなど多機能。

使用する上で希望していたのは書影をリンクでなくそのまま画像として表示できることと、安心感と言う意味からも出来ることならダッシュボードを利用できること。

今までは、書影を重要視して『Mobile Eye+』を利用していました。ダッシュボードの点については管理人であるわたしの問題で、閲覧していただける方のことを考えた場合、見た目は書影が表示されている方が良いだろうという自己判断からでした。

それ以前にも先月、使用しているXREAのレンタルサーバーがPHPのバージョンアップをするまでは、『Ktai Style』使用に要求されるPHPのバージョンを満たしていなかったために選択肢とならなかったことも最初から使ってみることが出来なかった理由でもありました。

こうしていろいろと条件がそろい、無事使うことが出来るようになりましたので切り替えをすることにしました。

ちなみに、amazletを利用したアマゾンアソシエイトの商品画像を表示する方法は先のコメント欄にありますが『Ktai Style』で使用するテーマ（/wp-content/plugins/ktai_style/themes ）のfunctions.phpに以下を追記すれば出来るようになります（テーマによってはfunctions.phpが存在しないものもありますのでその場合は作ってください）

function ks_keep_amazon_

image($replace, $orig, $src) {

if (preg_match('|^http://ecx.images-amazon.com/images/|', $src)) {

$replace = $orig;

}

return $replace;

}

add_filter('image_to_link/ktai_style.php', 'ks_keep_amazon_image', 10,3);

function ks_keep_amazon_
image($replace, $orig, $src) {
if (preg_match('|^http://ecx.images-amazon.com/images/|', $src)) {
$replace = $orig;
}
return $replace;
}
add_filter('image_to_link/ktai_style.php', 'ks_keep_amazon_image', 10,3);

注意点としては、 functions.phpを新規に作成する場合には上のコードの前に

<?php

後ろに

をつけること。

<?php

function ks_keep_amazon_

image($replace, $orig, $src) {

if (preg_match('|^http://ecx.images-amazon.com/images/|', $src)) {

$replace = $orig;

}

return $replace;

}

add_filter('image_to_link/ktai_style.php', 'ks_keep_amazon_image', 10,3);

?>

<?php
function ks_keep_amazon_
image($replace, $orig, $src) {
if (preg_match('|^http://ecx.images-amazon.com/images/|', $src)) {
$replace = $orig;
}
return $replace;
}
add_filter('image_to_link/ktai_style.php', 'ks_keep_amazon_image', 10,3);
?>

最初から存在しているfunctions.phpに追記する場合は

<?php

と

のあいだに追記すること（?>の直前あたりがよい？）

そうしないと上記コードがそのままページに表示されてしまいます。phpなどがわかっている方にはきっと当たり前すぎることだと思いますが、何にも考えずただ追記してそのまま表示させたsanbo-nのような方が今後チャレンジすることがあるかもしれませんので一応記録（実は自分が同じ過ちを繰り返さないための備忘的な意味合いの方が大きかったり。。。）

正直、教えていただいたコードの正確な意味は全くわかっていません

ただ、指定されたURLの部分を変更させればAmazon以外にも適用は多分可能なのかな？複数のURLを指定したい場合はどう書けばいいんでしょうね（少しは勉強しないといけませんね）

ちなみに使っている『Ktai Style』は今時点での最新バージョンの1.21です。

しかし、MovableTypeを使い始めるときもWordPressを使い始めるときもそれ以外でも、さまざまなタイミングでさまざまな方にアドバイスや御教授をいただいてWebのことなんかちっともわかっていないsanbo-nみたいなのが、少なくともぱっと見はいかにもいっちょまえな風でこれらのツールをなんとか使えているのは、その時々で手助けをいただいたたくさんの方のおかげです。

いつかその何分の一でもどこかにお返しする機会がとは思うのですが、それはまだまだ遠い日のようで（もしかして訪れもしないかも）せめて習った記録を残すことによって同じように悩んだりつまづきかけている誰かのほんの少しでも助けになればと今日も記録。