プラグインを入れればそれなりに簡単に最適化されてしまうんだけど、ちょっとした部分を修正したくなったのでプチカスタマイズでおぼえがき。
・QF-GetThumb
−投稿画像からサムネイルを作ってくれ、さらに困っていた正方形のサムネイルも縦横比を変えずにトリミングしてくれる。
コツは縦横のトリミングの時に短い辺を使うように変更するところ。
→around designで変更部分が丁寧に説明されてました。
++++++++++++++++++++++
// 小さい方の値を基準に縦横幅を再計算→大きい方を基準に変更!
if ($w_ratio < $h_ratio) {
$width = $o_width * $h_ratio;
}else{
$height = $o_height * $w_ratio;
}
++++++++++++++++++++++
これでコツコツとカスタムフィールドにサムネイル用の画像を登録しなくてもOK。
オプションで外部のドメインから読み込んでいる画像も使用できるように変更可能。
こんな感じにglobal=1をファンクションで追加すると外部から読み込んでいるような画像もサムネイルとしてトリミングしてくれる。
<? php echo the_qf_get_thumb_one(‘width=60&crop_h=60&height=60&crop_w=60&global=1’); ?>
それと、PCのサイトと同じ画像をトップページにだけランダムに表示するように追加。
これはハードコーディングしただけで、
/plugin/wp-touchpro/themes/使ってるtheme/iphone/
の中のindex.phpに
++++++++++++++++++++++
<? $random = rand(1,12); ?>
<img src="/wp-content/themes/neoclassical/headers/header_ echo("$random"); ?>.jpg" width="100%">
++++++++++++++++++++++
これを追加。width=”100%”としておけば横幅にぴったりフィットしてくれる。
で、PCで使ってるランダムイメージのディレクトリの中にある1から12までの数をphpでランダムに出力してるだけ。
あとは全部cssで整形するだけ。
これだけでも意外と時間がかかったけど、一番面倒だったのが縦横がバラバラの画像の正方形のサムネイルトリミング。
でも、上記のセットでPCサイトの構築も入れ、さらにKtai-styleのプラグインでガラケーに対応すればWPだけでPC、スマホ、ガラケーの全対応のサイトが構築できるよねー。
価格はWPtouchProのshareware費3000円くらいのもん。
セットで売るか。。
12/16追記
その後、不安定な動作が続いたのと、サブドメインに変更したこともあって、プラグイン自体を入れなおし、プラグインもアップデートしたのでセットで使うプラグインももろもろ変更せざるを得なくなりました。
今は、サムネイルの表示やスマホでのLightboxの使用のために
・Polst Thumb(等倍のサムネイルを簡単に表示)
・Lightbox Plus(Light box 2だと、IEでエラーが出てたので。。)
を使う。
しばらくはこれにKtai-Styleを使ってみようかな。