2011年5月3日火曜日

Bloggerの表示を最も簡単にiPhoneに最適化する方法

このエントリーをはてなブックマークに追加

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が表示されます。

今日の一曲


My Wayといえば、英国訛りで♪マ~イ、ワイ!とシャウトするセックス・ピストルズ(Sex Pistols)が有名です。このMy Wayが収録されているピストルズのアルバム『Kiss This』は一聴の価値ありですが、iPhoneでインターネットラジオのスォーノ・ドルチェ(Sono Dolce)を聴いていたら、流れてきたのがYen town bandことCharaのMy Wayでした。

iTunesで購入してからCharaのボーカルであることを知りました。彼女の独特の声で切なくMy Wayを歌い上げてくれています。

My Way - Yet Town Band

関連記事


コメントを投稿