Blogger Touchを使ってスマートフォンに最適化
私自身もBloggerでブログを書いていますが、Bloggerを使ったブログをiPhoneで閲覧していると下記のようにiPhone用の表示に最適化されているサイトが見受けられます。Blogger Touch オフィシャルブログ |
これは、Blogger Touchというサービスを利用して、bloggertouch.appspot.com/xxx(xxxは指定)にリダイレクトさせることによってiPhone用の表示に最適化しています。
Blogger Touchのサービス設定
Blogger Touchのサイトで『Mobile Edition Maker』をクリックするとOnly Three stepsと記載されているように、僅か3ステップで設定することができるとあります。
BloggerのURLを入力
これは3ステップには含まれていないようです。まず自分のブログのURLを入力します。Step1:リダイレクトさせるURLを決める
Step2:『Add Code』をタップ
Bloggerのページ要素を追加で『ウィジェットを追加』をタップし、ブロガーに組み込みます。
Step3:『Verification』で設定を確認
Bloggerの設定でスマートフォンに最適化
Blogger Touchは、Bloggerを簡単にiPhone用の表示に最適化する方法ではありますが、現時点で最も簡単にiPhoneに最適化するには、Bloggerの 設定>メールとモバイル>モバイルテンプレート(ベータ版)で『モバイルテンプレートを表示する』を『はい』にするだけで、Bloggerをスマートフォン(iPhone, android携帯)に最適化することができます。実際にスマートフォンでアクセスされた場合にどのように表示されるかは、スマートフォンを保有していなくても『モバイルプレビュー』から確認することができます。下記は、このブログのトップページをiPhoneで表示したものです。
各記事はこんな風に表示されます。
本文中心だけの表示でサイドバーがなくなります。しかし、Blogger Tochでスマートフォンの表示に最適化するとAdSenceが表示されませんが、Bloggerの設定でスマートフォンの表示に最適化した場合には、AdSenceが表示されます。
今日の一曲
iTunesで購入してからCharaのボーカルであることを知りました。彼女の独特の声で切なくMy Wayを歌い上げてくれています。
My Way - Yet Town Band