movable type 5 smartphone option summary
TRANSCRIPT
![Page 1: Movable Type 5 Smartphone Option summary](https://reader033.vdocuments.pub/reader033/viewer/2022061306/5a6729397f8b9ab12b8b471d/html5/thumbnails/1.jpg)
スマートフォンオプションfor Movable Type 5.1x
スマートフォンから管理• 記事投稿 / 編集• コメント管理
スマートフォン用デザイン• Webサイト制作用のテンプレート
![Page 2: Movable Type 5 Smartphone Option summary](https://reader033.vdocuments.pub/reader033/viewer/2022061306/5a6729397f8b9ab12b8b471d/html5/thumbnails/2.jpg)
管理画面スマートフォン&タブレット対応
![Page 3: Movable Type 5 Smartphone Option summary](https://reader033.vdocuments.pub/reader033/viewer/2022061306/5a6729397f8b9ab12b8b471d/html5/thumbnails/3.jpg)
スマートフォンからMTにログイン
![Page 4: Movable Type 5 Smartphone Option summary](https://reader033.vdocuments.pub/reader033/viewer/2022061306/5a6729397f8b9ab12b8b471d/html5/thumbnails/4.jpg)
投稿画面はカスタムフィールドに対応
![Page 5: Movable Type 5 Smartphone Option summary](https://reader033.vdocuments.pub/reader033/viewer/2022061306/5a6729397f8b9ab12b8b471d/html5/thumbnails/5.jpg)
表示オプション
MT5.1 : PCの高機能な一覧画面
![Page 6: Movable Type 5 Smartphone Option summary](https://reader033.vdocuments.pub/reader033/viewer/2022061306/5a6729397f8b9ab12b8b471d/html5/thumbnails/6.jpg)
PCで一覧用のフィルタを作成
フィルタパネルを開くフィルタ項目を選択
複数フィルタを組み合わせ
![Page 7: Movable Type 5 Smartphone Option summary](https://reader033.vdocuments.pub/reader033/viewer/2022061306/5a6729397f8b9ab12b8b471d/html5/thumbnails/7.jpg)
モバイルで保存したフィルタを利用
![Page 8: Movable Type 5 Smartphone Option summary](https://reader033.vdocuments.pub/reader033/viewer/2022061306/5a6729397f8b9ab12b8b471d/html5/thumbnails/8.jpg)
デザインテーマスマートフォン&タブレット対応
![Page 9: Movable Type 5 Smartphone Option summary](https://reader033.vdocuments.pub/reader033/viewer/2022061306/5a6729397f8b9ab12b8b471d/html5/thumbnails/9.jpg)
課題.1
Webサイトのスマートフォン&タブレット対応
![Page 10: Movable Type 5 Smartphone Option summary](https://reader033.vdocuments.pub/reader033/viewer/2022061306/5a6729397f8b9ab12b8b471d/html5/thumbnails/10.jpg)
多種多様なスクリーンサイズ
![Page 11: Movable Type 5 Smartphone Option summary](https://reader033.vdocuments.pub/reader033/viewer/2022061306/5a6729397f8b9ab12b8b471d/html5/thumbnails/11.jpg)
PC向けのWebサイトのデザイン
![Page 12: Movable Type 5 Smartphone Option summary](https://reader033.vdocuments.pub/reader033/viewer/2022061306/5a6729397f8b9ab12b8b471d/html5/thumbnails/12.jpg)
モバイルでも統一感のあるデザインで
![Page 13: Movable Type 5 Smartphone Option summary](https://reader033.vdocuments.pub/reader033/viewer/2022061306/5a6729397f8b9ab12b8b471d/html5/thumbnails/13.jpg)
PCとモバイルを同一URLで公開
![Page 14: Movable Type 5 Smartphone Option summary](https://reader033.vdocuments.pub/reader033/viewer/2022061306/5a6729397f8b9ab12b8b471d/html5/thumbnails/14.jpg)
管理画面から、PCとモバイルのデザイン両方を同時にカスタマイズ
![Page 15: Movable Type 5 Smartphone Option summary](https://reader033.vdocuments.pub/reader033/viewer/2022061306/5a6729397f8b9ab12b8b471d/html5/thumbnails/15.jpg)
<mt:IfUserAgent wants="SmartPhone">
<mt:else>
<mt:IfUserAgent>
スマートフォン用のMTタグ
それ以外のデバイス用のMTタグ
DynamicMTMLでデバイス毎に出力
![Page 16: Movable Type 5 Smartphone Option summary](https://reader033.vdocuments.pub/reader033/viewer/2022061306/5a6729397f8b9ab12b8b471d/html5/thumbnails/16.jpg)
課題.2
Webサイトのスマートフォン&タブレット対応
![Page 17: Movable Type 5 Smartphone Option summary](https://reader033.vdocuments.pub/reader033/viewer/2022061306/5a6729397f8b9ab12b8b471d/html5/thumbnails/17.jpg)
マウス&カーソルとは異なる操作体験
Tap, Press Drag, Flick Pinch, Squeeze
![Page 18: Movable Type 5 Smartphone Option summary](https://reader033.vdocuments.pub/reader033/viewer/2022061306/5a6729397f8b9ab12b8b471d/html5/thumbnails/18.jpg)
Seriously cross-platform & cross-deviceTouch-optimized layouts & UI widgets
![Page 19: Movable Type 5 Smartphone Option summary](https://reader033.vdocuments.pub/reader033/viewer/2022061306/5a6729397f8b9ab12b8b471d/html5/thumbnails/19.jpg)
モバイル向けデザインにjQuery mobileを採用
![Page 20: Movable Type 5 Smartphone Option summary](https://reader033.vdocuments.pub/reader033/viewer/2022061306/5a6729397f8b9ab12b8b471d/html5/thumbnails/20.jpg)
• スタイルシート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
モバイル
端末共通
リスト用
個別ページ用
端末識別
共通モジュール
システムテンプレート• 検索結果 • コメントプレビュー・完了、ダイナミックパブリッシングエラー
共通モジュール + ブログ記事の概要共通モジュール (+ コメント入力フォーム)
標準機能