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

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

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

先に結果から伝えると、個人サイトではwptouchが一番オススメです。
インストールするだけでお手軽にスマホ対応できるのが高ポイントでした。

企業サイトで1からテーマを作成する場合はmobilepressが今の所一番使えそうです。
これからスマホ対応される方の参考になれば幸いです。

それでは、各種プラグインを入れてみた様子をご紹介。

iWPhone

iPhone向けに最適化してくれるプラグイン。

↑ダウンロードするとテーマファイルも同梱されており、ダウンロードしたファイルをそれぞれテーマフォルダとプラグインフォルダに保存して、プラグインを有効化するだけでつかえるようになります。

テーマの切り替えにはユーザーエージェントで判断しているのですが、
Androidの場合には、テーマを切り替えないようになっています。

Androidに対応する場合には、プラグインのiwphone.phpの41行目近辺を以下のように編集します。

$useragents = array (
			"iPhone","iPod");

↓

$useragents = array (
	"iPhone","iPod","Android");

↑これで、Androidでも表示できるようになりました。

WPtouch

インストールするだけでテーマをiPhone/Androidで切り替えてくれるようになります。
グーグルアドセンスの表示やTOPに表示する記事などを設定画面から変更可能になってます。

↑見た目は一番好み。

有料版と無料版がありますが、無料版で必要最低限の機能は使えました。
有料版では、広告の位置変更やiPad対応・サポート対応が含まれるようです。

Wapple Architect Mobile Plugin

モバイルサイト変換サービス「Wapple」のAPIを使用して、PCサイトのデザインをスマホ用に変換してくれるプラグインです。

単純にページを表示するだけでなく、様々な端末に最適化されたテーマを表示できるようになっています。
端末毎の画像のリサイズや、記事が長い場合のページングをしてくれるのが特徴みたいです。

利用にはデベロッパーキーが必要で、取得には会員登録が必須でした。

↑まずはキー取得のためにサイトにアクセスします。
http://wapple.net/register/plugins-signup.htm

↑普通に会員登録すると、確認用メールが来るので、文中にあるリンクにアクセスします。

↑ここで使用するサイトのドメインを入力。httpから入力しないといけないようです。

↑使用するプラグインと、サイトを知った理由を選択します。
その他の項目は入力しなくてもOKです。

SUBMITボタンから送信すれば登録完了です。
次にデベロッパーキーを取得しに行きます。

↑ログインページから、先ほど登録したメールアドレスとパスワードを入力。
http://canvas.wapple.net/login.php

↑ログイン後、キー取得ページへ。

↑キーを作成します。

↑これでキーが取得できました。

設定ページからキーを入力して保存すると、iPhoen対応が完了しています。

プラグインには標準でテーマが同梱されており、8種類選べるようにもなっています。

↑シンプルなもの。

↑ウッド調

MobilePress

インストールするだけで、スマートフォン/iPad用に最適化されます。
スマートフォンでアクセスした際のテーマを自由に追加できるようになっており、カスタムしたテーマを使いたい場合に良さそうです。

wp-content/mobile-themesというフォルダを作成してそこにテーマファイルを設置すればOKでした。

スマホ版とPC版のページを切り替えるには、URLにパラメータを追加するだけです。

PC版を表示するアドレス
http://example.com/?nomobile

モバイル版を表示するアドレス
http://example.com/?mobile

iPhone版
http://example.com/?iPhone

クッキーを使用して振り分けているようですので、再度ページを訪れた際にも
以前の状態が有効になっています。

WordPress PDA & iPhone

jQuery Mobileを使用したテーマに切り替えてくれるプラグイン。
UserAgentに含まれる文字列でテーマを切り替えているので、対応する端末を追加するのが簡単にできました。

iPhone Control Panel

ブックマーク時にホーム画面に表示するアイコンを指定したり、viewportの指定が可能。
viewportが指定の範囲内だった場合に追加するCSSを管理画面から指定できます。

最近はスマホ対応の無料テーマもあるのでプラグインを使わないという選択肢もありますよね。もし、なにか気づかれた部分などあればお知らせください。

以上、WordPressをスマホ対応にするプラグインをいろいろ試してみたでした。

皆さんはサイトを作った後にはウェブマスターツールを使用していますか？

ウェブマスターツールを使うと、
・検索結果の表示状況をキーワードごとに分析できたり
・外部のサイトからのリンクを確認できたり
・クロールエラーを簡単に確認できるようになっていたり

使って無い方は使うとHappyになれるかもしれません。

で、使用するにあたってサイトの管理者かどうかの認証作業が必要になるんですが、
通常はmetaタグに認証用のキーフレーズを設定したり、サイトの直下にHTMLをアップして認証します。

しかし、「Google Site Verification Plugin」を使うと、管理画面からポチッとボタンを押すだけで簡単に登録ができるようになるようです。

↑認証を許可するだけの作業です。

これは便利ですね。サイト構築時の作業がすこしでも楽になるように、覚えておいて損はなさそうです。

新しくブログを作る時や仕事でカスタマイズする際に参考にしてもらえれば幸いです。

全てのサイトで必ず導入するプラグイン

このサイトでも使っていますし、クライアントのサイトを作る際にも毎回導入しています。
セキュリティ関係やSEO対策プラグインが主なものですよ。

All in One SEO Pack

サイト全体、個別記事、ページ毎にタイトル、description、キーワードの設定などが出来るようになります。

SEOに必要な最低限の機能はカバーされていますので、マストなプラグインですね。

Akismet

スパム対策のプラグイン。
オンラインサーバでコメントの内容をチェックするスパム対策サービスです。

標準でインストールされているので、管理画面から有効化してAPIキーを入力するだけでOKです。

Akismetの導入方法

• プラグイン/Akismet

Post Expirator

記事の公開終了日を指定できるプラグイン。

ただし、日本時間だと9時間ずれるてしまうので
以下のサイトを参考に一部修正をする必要があります。

• Post Expiratorの設定時刻のずれの対処法

Google Analytics for WordPress

プラグインを有効後、Googleへのアクセス許可を与えるだけで簡単に設定できるプラグインです。

プロファイルを自動的に読み取って、どのプロファイルでログを取るか選択するだけで簡単に設置可能です。

外部サイトへの離脱数やファイルのダウンロード数なんかも取得可能です。

WP-PageNavi

標準だと次と前のリンクだけですが、
このプラグインを導入する事で各ページへのリンクが一覧表示できます。

WP-PageNaviの導入方法

• ページナビゲーションを拡張してくれるWPプラグイン「WP-PageNavi」

Google XML Sitemaps

検索エンジン用のサイトマップを作成するプラグイン。
記事を投稿する毎に自動的に作成してくれます。

No Self Pings

記事内に自分のサイトへのリンクがあった場合にトラックバックを送信しないようにします。

Secure WordPress

ログインに失敗した時に出るエラーメッセージを無効にしたり、
WordPressのバージョンをヘッダーに表示しないようにします。
万が一の事を考えて、セキュリティ対策に入れておきたいプラグインです。

CMSとしてカスタマイズする際に導入するプラグイン

My Category Order

カテゴリーの並び順を自由に変更できるプラグインです。
順番はドラッグ&ドロップで変更できるようになっているので、直感的に作業できます。

サブカテゴリの順番も変更できますよ。

My Category Orderの導入方法

• My Category Order でカテゴリーの順番を変える

Breadcrumb NavXT

パンくずリストを表示してくれるプラグイン。
コンテンツの階層が分かりやすくなりますね。

Breadcrumb NavXTの導入方法

• Breadcrumb NavXTでパンくずリストを表示

Single Post Template

個別の記事毎にテンプレートを選べるようにするプラグイン。
ページ毎にレイアウトを変更したい場合に使えます。

Ktai Style

ガラケーからアクセスした際に最適化されたページを表示してくれるプラグイン。
ページ容量が大きい場合には分割表示してくれる機能あり。
絵文字表示やキャリア毎のテンプレート変更も可。

Ktai Entry

携帯電話等から WordPress に投稿できるメール投稿用プラグイン。
カテゴリー指定や投稿日時を指定可能です。

Lightbox 2

Lightboxによる画像エフェクトを行えるプラグイン。

Custom Field Template

投稿画面にカスタムフィールドの入力フォームを追加。
決められた項目を入力しやすくします。

category limitation

ユーザー毎に投稿できるカテゴリを制限するプラグインです。
ユーザーが誤って別のカテゴリーに投稿しないように制限させます。

Role Manager

コメント承認、ページ管理、公開処理などをユーザー権限で操作できるかどうかを変更できるプラグイン。

管理者と操作するユーザーが違う場合には良く使います。

WP-DB-Backup

WordPressのデータベースを毎日バックアップしてくれるプラグイン。
データをサーバーに保存するか、メールで送るか選べるようになっています。

brBrbr

改行をそのまま反映してくれるプラグイン。

Similar Posts, Post-Plugin Library

関連記事を表示するプラグイン。当サイトでも記事の下に出すようにしています。

Similar Postsの導入方法

• Similar Postsで「関連するエントリー」を表示（WordPressプラグイン）

会員制サイトに導入するプラグイン

HidePost

本文内のショートコードで囲んだ部分をログインユーザーにのみ表示させるプラグイン。

hidepost 〜 /hidepostで囲まれた部分を会員専用に表示させるようにできます。

HidePostの導入方法

• HidePost – 投稿内に会員にだけ表示させるスペースを

Members Only

ログインしていないユーザーには、強制的にWordPressのログイン画面を表示させるようにできます。

SNSのような会員制にしたい場合に。

個人的なサイトに導入するプラグイン

色々よしなにしてくれるプラグイン。
このサイトや他の運営サイトで使っています。

Contact Form 7

お問い合わせフォーム作成プラグイン。確認画面が作れないため企業サイトだとあまり使いませんが、手軽にフォームを使いたい場合にはこれを導入しています。

ajaxによる入力チェックやファイルのアップロードなんかも可能なのでおすすめですよ。

Feed Logger

RSSの購読者数をカウントしてくれるプラグイン。
インストールすると、ダッシュボードにフィードの購読者数が表示されるようになります。

この数字を見るとモチベーションアップになります。

AdSense Manager

Google AdSenseをWordPressに導入するプラグインです。
少しでもマネタイズするために導入すべきですね。

AdSense Managerの導入方法

• WordPressに『AdSense Manager』を導入する方法

Subscribe2

WordPressでメールマガジンを作れるプラグイン。
記事を投稿すると、登録しているユーザーに一斉にメール配信してくれます。

ユーザーの属性ごとに配信先を選択することもできますよっ。

Subscribe2の導入方法

• wordpressでメルマガを実現する

WP-Mail-SMTP

WordPressからメール送信する場合（パスワードを忘れた、お問い合わせフォーム等）に使えるSMTP送信用プラグイン。

迷惑メールにならないようにメールを送りたい場合に。

WP-Polls

アンケート作成プラグイン。
簡単にフォームが作れちゃいます。

qtranslate

多言語サイトの構築が出来るようになります。
投稿フォームに各言語毎の入力フォームが作られます。

Exec-PHP

投稿フォーム内でPHPのコードが使えるようになるプラグイン。

WPtouch

iPhone/iPadに最適化できるプラグイン。

ぜぇ、ぜぇ。こんなにあると息切れします。以外といっぱいありました。他にもおすすめのプラグインがあれば教えてくださいね！

追記

PS Disable Auto Formatting

wordpressでビジュアルエディタを使用する際に、
ビジュアルとHTMLを切り替えるとデザインが崩れる場合があるのですが、
それを防ぐプラグインです。

HTMLタグを直接入力する事がある場合には必須です。

TinyMCE Advanced

ビジュアルエディタを高機能にしてくれるプラグイン。
エディタ内で実サイトのスタイルシートが適用されるので、より操作しやすくなります。

業務の関係上、色々なサーバーを使いますが
いまだにPHPが4しか使えない環境がちょこちょこあります、、、

そんな環境でCMSをちょっとやりたいんだけど、と相談されるたびに調べてたので対応バージョンをメモです。

WordPress 2.9以降

WordPress 日本語版 2.9 以降 3.1 以下はphp4で動作します。

PHP 4.3 以上
MySQL 4.1.2 以上

WordPress 3.2以降

WordPress 日本語版 3.2以降からはPHP5以上が必須になります。

PHP 5.2 以上
MySQL 5.0.15以上

対応バージョンが変更になる経緯は公式ブログに掲載されていました。
PHP 4 と MySQL 4 のサポート停止のご案内

すでにPHP 5の動作が高速で安定しており十分な品質を実現しているからこそのアップデートですね。

WordPress3.2が設置可能か調べるプラグイン

こんなプラグインもありました。
WordPress3.2が設置可能かどうかを調べるプラグインだそうです。

Health Check

サーバー環境がWordPressに対応しているかどうかをチェックしてくれるみたいですね。

将来的にはサーバーと WordPress に関するあらゆる情報が見れるようになるそうです。

ますます便利になって行きそうですね！

↑記事中のテキストを選択すると、吹き出しが表示されコメントを投稿できるようになります。

↑コメントされたテキストはハイライトされてコメントされた事がわかるようになっています。

↑また、全てのページに表示されるとちょっとうるさいので、記事投稿時にHilightを有効にするかどうかを選択できるようになっています。

どんな言葉にユーザーがひっかかったか。気になる方は下のリンクからダウンロードしてみてください。

HTML5のaudio要素を使ってMP3を再生できるようにする「Haiku」というスクリプトを紹介します。
WordPressのプラグインとして使用できるので、簡単に設置可能になっています。

使い方

ショートカットも用意されており、本文何にパラメータを指定すれば表示されるようになります。

 [haiku url="http://path/to/file.mp3" title="title"]

ほぼ全ての主要ブラウザで動作

スクリプト自体はHTML5のaudioタグを使用して実装されているようですね。
HTML5未対応ブラウザの場合にはFlashで再生するようになっていました。

iPhone、 Android用などのモバイルブラウザやIE6でも再生可能になっています。

デザインはCSSでカスタマイズ

HTML5で作られているので、CSSでデザインを簡単に変更する事もできるようになっています。
（Flashは変更できませんが）

ダウンロードは以下のリンクからどうぞ！

Fluency Adminは管理画面のデザインを変更できるテーマです。

設置方法

設置方法はダウンロードしたファイルをプラグインディレクトリにアップし、
プラグインを有効にするだけ！

簡単ですね。
※WordPress2.9以上で動作するとの事です。

カスタムオプション

ログイン画面にもスタイルが設定できたり、画像を配置できるようになっています。
他言語対応もされているのも嬉しいですね。

これで記事もクールに書けるようになるかもしれません。

ちょっとしたアクセントにどうぞ。

また、IE6はサポートされていないとの事です。
利用する際には気をつけてください。

対応言語は52カ国語に対応しており、日本語の翻訳もできました。

翻訳APIにはGoogle翻訳を利用しており、
アナリティクスでのトラッキングや翻訳が完了したときのコールバック関数が設定できるようです。

52カ国へ対応したボタンウィジェット

サイトへの設置方法はjavascriptを貼付けるだけでした。

<div id="translate-this"><a href="http://translateth.is/" class="translate-this-button">Translate</a></div>

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="http://x.translateth.is/translate-this.js"></script>
<script type="text/javascript">
TranslateThis();
</script>

WordPressのプラグインとしても配布されていますので、ブログにも簡単に組み込めますね。
他言語サイトの運営に興味のある方はぜひ使ってみてください。

メールアドレスの登録フォームの作成や、配信が簡単に行えるようになっています。

アクセス解析が秀逸になっており、最も読まれたメール、最もアクティブなユーザー、日付別などの情報をグラフで表示してくれます。

英語とスペイン語のみの対応ですが特に動作には問題無さそうです。
また、利用にはWordPress2.7以上が必要との事。

メルマガを配信してみたい方、ぜひ使ってみてください！