アイキャッチ画像とは、投稿にサムネイル画像を追加する機能なんですが、
設定しておくと、記事のヘッダー画像としてなかなか便利に使えます。

しかしながら、プラグインで携帯・スマートフォン対応すると標準では表示されません。

ktai styelやwp touchというプラグインでも表示するように対応したのでやり方をご紹介します。

アイキャッチを使えるようにする

まずはアイキャッチ画像を使えるようにします。
これはfunction.phpに以下の１文を追加するだけでOKです。

add_theme_support( 'post-thumbnails' );

さらに携帯用、スマートフォン用に画像サイズを最適化します。
これもfunction.phpに追記していきます。

//PC版の画像サイズ 横550でリサイズするようにします。
set_post_thumbnail_size( 550, 9999 ); 

//携帯版画像サイズ 横189でリサイズします。
add_image_size( 'ktai-thumbnail', 189, 9999, true );

//スマートフォン版画像サイズ 横280でリサイズします。
add_image_size( 'sp-thumbnail', 280, 9999, true );

Ktai Styleにアイキャッチ画像を追加する

携帯版の表示にはKtai Styleというプラグインを使用していますが、
携帯用テーマにアイキャッチを追加する方法です。

ktai-style/themes/sigle.php の本文の直前に以下のコードを追加しました。

//追加するコード
the_post_thumbnail('ktai-thumbnail');

//本文表示部分
ks_content(__('(more...)'));

これで携帯版は完了です。

ただし、ktai_style/themes/ 配下のテーマを直接改造している場合はプラグインのアップデートで上書きされる可能性があります。

wp-content/ktai-themes/ ディレクトリーを作成して移動しておいてください。

wp touchにアイキャッチ画像を追加する

wp touchというプラグインのテーマにアイキャッチを追加する方法です。

テーマファイルは
wptouch/themes/以下にあります。

sigle.phpの30行目辺りにある the_content(); の前に
以下のコードを追加しました。

if (has_post_thumbnail()) :
    the_post_thumbnail('sp-thumbnail');
endif;

これでスマートフォン版も対応できました。

メール投稿の添付画像をアイキャッチにする方法

Ktai Entryを使って、メール投稿の画像をアイキャッチにしたい場合の対処方法です。

以下の投稿を参考にさせて頂きました。
ktai entry のアイキャッチ画像対応

プラグインの
ktai_entry/post.phpの1050行目に以下の一文を追加すればOKでした。

update_post_meta( $post_id, '_thumbnail_id', $id );

これで添付ファイルがアイキャッチ画像として登録されるようになります。

以上、WordPressで携帯・スマートフォン用にアイキャッチ画像を設定するためにやったことでした。
もっと簡単な方法があれば教えてください

最近はスマートフォン用のサイト作成をする事が多くなってきていますが、HTMLの確認を複数の実機でやるのは大変ですよね。

そんな方のために、HTMLのプレビューがiPhone/Androiで同時に確認できるMobilizerが便利そうなのでご紹介します。

実機で動作確認はできるだけやりたくない、、、。そんな時に使えそうですよ。

詳しくは以下

Mobilizerは、Adobe AIR製のアプリで、複数のモバイルデバイスを立ち上げて
URLやローカルファイル（HTML、画像やFlash）のプレビューを表示できます。

↑デバイスはiPhone 4、Palm Pre、HTC Evo、Blackberry Stormの4機種となっています。
また、プレビューした画面は右クリックから簡単にPNGにエクスポートする事も。

JavaScriptなどはどこまでエミュレートできてるのかちょっと不明な所もありますが、HTMLのレンダリングには使えそうです。

興味のある方は下のリンクからダウンロードしてみてください。

マウスポインタの動きやジェスチャの値を受け取った後の動きを自由につける事が可能になっています。

「左、右、左に動かすとHome画面を表示する」など様々な使い方が考えられますね。

サイトにはiPhone用のデモページも用意されていました。
もし、iPhoneをお持ちの方はご覧になってみてください。

デモ

モバイルデバイスではタッチ操作が今や当たり前になりつつあります。
使い方によってはかなりインパクトを与える事ができるのではないでしょうか。

チームで共同作業する際に、他の人がどのような状態なのか細かく知る必要があります。通常はメールでやり取りすると思いますが,後からメールを探す時に「あの時のメールはどこだっけ、、、」という事もよくあります。

Teamboxを使用する事でメッセージやファイルの管理、共有が簡単にできるため、細かく全体を把握するのに便利かもしれません。

iPhoneにも対応

iPhoneもサポートされているため、外出先からプロジェクトの状態を閲覧する事も可能になっています。
プロジェクト管理で頭を悩ましている方、使ってみてはいかがでしょうか。

※Opera Miniなどのブラウザ対応を想定して作られているため、日本の携帯電話向きではありません。携帯電話に対応したサイトにしたい場合は、Ktai Styleというプラグインを使うと良いと思います。

このプラグインの中にはiPhone用のテーマとMobileブラウザ用のテーマディレクトリがあり、それぞれを編集する事で自由にカスタマイズすることが可能となってます。

インストールも通常のプラグインと同様に簡単に設定可能でした。
iPhone/Android用にサイトを構築されたい方、使ってみてはいかがでしょうか。

ajaxが使用されているようで、以下の機能があるようです。

• アイフォンとiPod Touchのためのネイティブのfullscreen
• カスタムイベント
• コンポーネントの見た目の変更
• プログレス　ローディング
• PNGのアニメーションサポート

サイトにはデモもあるので、ぜひ実際に動作を確認してみてください。

ゲームは戦闘機を操作してひたすら敵を倒して行くシンプルなゲームですが、かなりアツい！
なんと言ってもこの操作性は気持ちいいです。
敵の強さもバランスがよく、面を進めて行けば行くほど機体が手に入るため
新たな戦闘スタイルが発見できます。

無料のLiteバージョンもあるのでぜひ体験してみてください。

一瞬画面が白くなれば保存完了です。
写真アプリを開いてみると先程の画面が保存されているのがわかります。

Macに取り込む

さて、画像が保存できたので今度は写真をMacに取り込みます。
メールで送っても良いのですが,せっかくなので。

iPhoneをMacにつなぐと イメージキャプチャというソフトが自動起動すると思います。
※iPhotoを使用されている方はiPhotoがたちあがるのかな？

ダイアログ中の全てをダウンロードで画像がピクチャフォルダにコピーされます。

これでiPhoneの中の画像も綺麗に撮影できますね。