使いかた

iWPhone WordPress Plugin and Theme | ContentRobotを引用し翻訳してみます。

1. iWPhone WordPress Plugin and Themeのzipファイルをダウンロード
2. "iwphone-wordpress-plugin-and-theme"フォルダを解凍
3. "iwphone-wordpress-plugin-and-theme"フォルダの中の"iwphone.php"ファイルをwp-content/plugins/ディレクトリにアップロード
4. 同様に"iwphone-by-contentrobot"フォルダをwp-content/themes/にアップロード
5. WordPressのプラグイン管理画面から"iWPhone"をアクティブにする。ただし、テーマ管理画面からiWPhone-by-ContentRobotをテーマには設定しないこと
6. iPhoneかiPod touchのSafariを起動してブログのURLを入力すると、iPhone/iPod touchに最適化されたテーマでみることができるはず

iWPhone WordPress Plugin and Theme | ContentRobotから引用して翻訳

とりあえず、上の作業をすればiPhone/iPod touchでサイトをみるときだけそれに最適化された形式でみることができます。テーマ自体もなかなかよくできていていい感じです:-)

どんな感じかはこのサイトにiPod touchでアクセスしていただければわかると思います。ほんとはスクリーンショットも載せたかったのですが僕は素のtouchを使っているのでできません;-(
ソフトウェアアップデート2.0からスクリーンショットが撮れるようになったので載せました:-)

CSSコード

/*User Styles*/
body {font:13px/1.231 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, sans-serif !important;}
* {line-height: 1.5 !important;}
#pagewrapper,
#maincontent .entry, #maincontent .entrytext,
#maincontent h3#respond {font-size: 13px !important;}
#footer,
#maincontent .commentmetadata {font-size: 10px !important;}
#maincontent h2.thetitle, #maincontent h2.thetitle a, #maincontent h2.thetitlesingle, #maincontent .postpage h2.thetitle,
h2.pagetitle {
	margin-right: 20px !important;
	width: auto !important;
	line-height: inherit !important;
	font-size: 19px !important;
}
#maincontent .postnohit h2.thetitle,
.postnohit h2.pagetitle {margin-right: 0 !important;}
#maincontent .postinfo {font-size: 11px !important;}
#maincontent .entry h3, #maincontent .entrytext h3 {font-size: 17px !important;}
#maincontent .entry h4, #maincontent .entrytext h4 {font-size: 16px !important;}
#maincontent .entry h5, #maincontent .entrytext h5 {font-size: 15px !important;}
#maincontent .entry h6, #maincontent .entrytext h6 {font-size: 14px !important;}
#maincontent .section {margin: 0 0 1.5em 0 !important;}
pre {
	overflow: scroll !important;
	color: #fff !important;
	background-color: #555 !important;
	font-family: monospace !important;
}
pre * {color: #fff !important;}
#maincontent .entry em, #maincontent .entrytext em {font-weight: bold !important;}
#maincontent .entry strong, #maincontent .entrytext strong {color: #dc143c !important;}