CSSだけでiPhone対応化するテンプレート「cssTouch for MT」を公開

CSSを追加するだけでiPhoneやiPod touchに対応することができます。
※この記事は読者によって投稿されたユーザー投稿のため、編集部の見解や意向と異なる場合があります。また、編集部はこの内容について正確性を保証できません。

LEMON STUDIO は2011年5月9日、シックス・アパート株式会社のCMS「Movable Type (MT)」で構築されたサイトをiPhoneに対応するテンプレート「cssTouch for MT」を公開しました。
http://template.lemonstudio.net/

■「cssTouch for MT」の特長

1.CSSのみで簡単対応
MTの既存テンプレート(テーマ)に、CSS(スタイルシート)を追加するだけでiPhone(スマートフォン)やiPod touchに対応することができます。
非常にシンプルな仕組みのため、システム面や運用面を変更することなく、導入することができます。作業は、CSSテンプレートを1つ追加し、HTMLヘッダ部分を更新するだけです。

2.自動振り分け
HTMLファイルをPC用とiPhone用に分ける必要がありません。
対応後のサイトは、同じページでもPC閲覧では通常通りに、iPhone閲覧では自動的に最適化されて表示されるようになります。
また、閲覧者が表示モードを選択できるようにカスタマイズすることも可能です。

3.自動最適化
iPhoneでの利便性を考慮して、トップページでは最初の記事のみ本文を表示、後の記事はタイトルとヘッダのみ表示されます。
また、記事内の画像も自動的にサイズ調整されます。
これらの最適化は全て自動的に行われるため、MTタグ等の設定は必要ありません。

4.コメントにも対応
コメントの投稿、閲覧等、基本的な機能はPC版と同じように行うことができます。

■現在、下記テンプレート(テーマ)に対応しています。
・MT4:規定のブログ
・MT5:クラシックブログ
・上記とHTML構造に互換性のあるもの

■個人でのご利用は無料です。

■ダウンロード:
http://template.lemonstudio.net/

■デモ (iPhoneで閲覧すると自動的に最適化):
http://template.lemonstudio.net/demo_sp.html

■イメージ画像:
http://template.lemonstudio.net/img/sp001.png
http://template.lemonstudio.net/img/sp002.png
http://template.lemonstudio.net/img/sp003.png

【本件に関するお問い合わせ先】
LEMON STUDIO
http://www.lemonstudio.net/
連絡先: info@lemonstudio.net

この記事が役に立ったらシェア!
みんなが読んでるWeb担メルマガで、あなたも最新情報をチェック
  • SEOやデジタルマーケの最新情報をゲット
  • 事例やインタビューも見逃さない
  • 要チェックのセミナー情報も届く
みんなが読んでるWeb担メルマガで、あなたも最新情報をチェック
  • SEOやデジタルマーケの最新情報をゲット
  • 事例やインタビューも見逃さない
  • 要チェックのセミナー情報も届く

Web業界の転職情報

もっと見る
Sponsored by

人気記事トップ10(過去7日間)

今日の用語

キーワード密度
1つのWebページ中で同じキーワードがどれくらいの割合で出現しているかを示すもの ...→用語集へ

連載/特集コーナーから探す

インフォメーション

Web担のメルマガを購読しませんか?
Web担の記事がコンパクトに毎週届くメールマガジン「Web担ウィークリー」は、10万人が読んでいる人気メルマガ。忙しいあなたの情報収集力をアップさせる強い味方で、お得な情報もいち早く入手できます。

Web担に広告を掲載しませんか?
購読者数10万人のメールマガジン広告をはじめとする広告サービスで、御社の認知向上やセミナー集客を強力にお手伝いいたします。

サイトマップ
RSSフィード


Web担を応援して支えてくださっている企業さま [各サービス/製品の紹介はこちらから]