「すまーとふぉん」とかいうのがはやっているそうなので、このブログも対応してみました。
まぁ、WPTouchを入れただけなんだけどね。
iPod touchしか持ってないので動作確認はmobile safariのみです。

ついでにGoogleでホストされているjQueryを使う方法を参考に、テーマのヘッダ(header.php)に以下のコードを挿入。

<script src="http://www.google.com/jsapi"></script>
<script>
  google.load("jquery", "1.3.2");
  google.load("jqueryui", "1.7.1");
</script>

これでJQueryが使えるようになる。
JQueryを有効にすると、スマートフォン用ページの最後に自動的に「Load more entries」ボタンが付いて、古いエントリをたどれるようになる。
「Mobile Theme」スイッチに触れるとPC用ページに切り替えてくれる(あんま使わないと思うけど)。
ちなみに元に戻すボタンは表示されたPC用ページの一番下。

さらに、せっかくJQueryを入れたのでjQuery Lightboxプラグインを入れて画像表示をモーダルウィンドウにしてみました。
まぁ、あんま画像ないけど。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>