スマートフォンオプションfor Movable Type 5.1x

スマートフォンから管理• 記事投稿 / 編集• コメント管理

スマートフォン用デザイン• Webサイト制作用のテンプレート

管理画面スマートフォン&タブレット対応

スマートフォンからMTにログイン

投稿画面はカスタムフィールドに対応

表示オプション

MT5.1 : PCの高機能な一覧画面

PCで一覧用のフィルタを作成

フィルタパネルを開くフィルタ項目を選択

複数フィルタを組み合わせ

モバイルで保存したフィルタを利用

デザインテーマスマートフォン&タブレット対応

課題.１

Webサイトのスマートフォン&タブレット対応

多種多様なスクリーンサイズ

PC向けのWebサイトのデザイン

モバイルでも統一感のあるデザインで

PCとモバイルを同一URLで公開

管理画面から、PCとモバイルのデザイン両方を同時にカスタマイズ

<mt:IfUserAgent wants="SmartPhone">

<mt:else>

<mt:IfUserAgent>

スマートフォン用のMTタグ

それ以外のデバイス用のMTタグ

DynamicMTMLでデバイス毎に出力

課題.２

Webサイトのスマートフォン&タブレット対応

マウス＆カーソルとは異なる操作体験

Tap, Press Drag, Flick Pinch, Squeeze

Seriously cross-platform & cross-deviceTouch-optimized layouts & UI widgets

モバイル向けデザインにjQuery mobileを採用

• スタイルシートstyles.css

• DynamicMTML .htaccess.htaccess

• DynamicMTML Bootstrapper.mtview.php

• JavaScriptmt.js

• JavaScriptテーマ用mt-theme-smart-blog.js

• 最新記事のフィードatom.xml

• メインページindex.html

インデックステンプレート

アーカイブテンプレート• カテゴリ別ブログ記事リスト category/sub-category/index.html

• ウェブページ folder-path/page-basename.html

• ブログ記事 yyyy/mm/entry-basename.html

• バナーヘッダー• バナーフッター• メニュー内ページリスト

• メニューモバイル用• HTMLヘッダーモバイル用• JavaScriptフッターモバイル用

• メニュー• HTMLヘッダー• JavaScriptフッター• 関連コンテンツ(ウィジェットセット)

• ブログ記事リストカテゴリ指定• ブログ記事の概要

• ページバナー

• コメント• コメント詳細• コメント入力フォーム

• ブログ記事リスト• ブログ記事の概要• ページネーション

テンプレートモジュール

追加機能

PC

モバイル

端末共通

リスト用

個別ページ用

端末識別

共通モジュール

システムテンプレート• 検索結果 • コメントプレビュー・完了、ダイナミックパブリッシングエラー

共通モジュール + ブログ記事の概要共通モジュール (+ コメント入力フォーム)

標準機能