notizbloc / kentymmt

いまさら感もあるが。

WordPressだと

WordPressをiPhoneなどのモバイル端末で表示させるプラグイン集
http://coliss.com/articles/blog/wordpress/plugin/1245.html

とかあるんだけれども、微妙にめんどくさい予感がしたので、CSSだけで。

UA判定もめんどくさいので、

<meta name=”viewport” content=”width=320, user-scalable=no” />
<link media=”only screen and (max-device-width:320px)” href=”<?php bloginfo(‘template_url’); ?>/touch.css” type=”text/css” rel=”stylesheet”/>
<link media=”screen and (min-device-width:321px)” href=”<?php bloginfo(‘stylesheet_url’); ?>” type=”text/css” rel=”stylesheet”/>

ってやって、touch.cssだけ適当に変えればおk。ブックマーク用のアイコンは

<link rel=”apple-touch-icon” href=”<?php bloginfo(‘template_url’); ?>/images/touch.png” />

ですね。さらに画像とかもめんどいので普通にCSS3で出来る範囲で色々装飾すればおk。2時間くらいで出来ます。

Tags: CSS, iPhone, WordPress