LIQUID DESIGN Tech Blog

Movable Type をCSSで簡単にiPhone(スマートフォン)対応化する方法

Movable Type をCSSで簡単にiPhone(スマートフォン)対応化するテンプレートを紹介します。

テンプレート:iPhone対応CSSテンプレート cssTouch for MT

(拙作)

このテンプレートは、MT4、MT5の既存テンプレートにCSSを追加をする形で利用します。
導入は非常に簡単。既存テンプレートにCSSを追加、ヘッダーなどを少し編集するだけです。
iPhoneで閲覧すると自動的に最適化して表示されます。
PC用とiPhone用に別々にページを出力する必要のない、シンプルな仕組みになっています。
sp001.png
表示方法を、PC版・iPhone版から選択、切り替えできるようにすることもできます。
sp003.png
ライセンス:CC BY-NC-SA 2.1 (商用利用は有償)

この記事を書いた人
LIQUID DESIGN のサービスに関するデザインや技術情報を発信します。
SNSでフォローする