Download - Mt5 Design Your Theme
![Page 1: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/1.jpg)
ウェブサイトのテーマをデザインしよう
シックス・アパート株式会社金子 順
2009年10月20日火曜日
![Page 2: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/2.jpg)
8周年2001年10月8日 サンフランシスコ当時24歳になったばかりのエンジニアBen(ベン)が、ウェブデザイナー Mena(ミナ)のために開発
2009年10月20日火曜日
![Page 3: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/3.jpg)
プログラマーがデザイナーのために作ったPublishing Platform
2009年10月20日火曜日
![Page 4: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/4.jpg)
• ウェブサイト全体を管理• 高度なテンプレート編集• プラグイン拡張• 豊富なソリューション
サーバーにインストールするブログ & CMS
インターネット白書 3年連続CMS製品 No. 12009年10月20日火曜日
![Page 5: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/5.jpg)
50+Books2009年10月20日火曜日
![Page 6: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/6.jpg)
MT5.0 Now on BETA 3 !
Try now on movabletype.jp2009年10月20日火曜日
![Page 7: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/7.jpg)
Sustainable (持続可能)なウェブサイトのデザイン
って何だろう?
ブログの実態に関する調査研究の結果 総務省情報通信政策研究所(IICP)調査研究部 (平成20年7月)
Movable Type 8年の歴史から
2009年10月20日火曜日
![Page 8: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/8.jpg)
3つのポイント
テーマ
コンテンツ ユーザー
2009年10月20日火曜日
![Page 9: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/9.jpg)
2005年当初は期間限定の予定ユーザーの大きな反響で四年目に。トラックバック企画には毎回数十件の「撮ってみたよ」
Gallery写真(316)
2009年10月20日火曜日
![Page 10: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/10.jpg)
テーマ
コンテンツ ユーザー
カメラ 写真 ユーザ
製品紹介 (71)ニュース (99)
トラックバック企画 (145)
写真 (316)旅とGR (62)
2009年10月20日火曜日
![Page 11: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/11.jpg)
2009年10月20日火曜日
![Page 12: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/12.jpg)
テーマ
コンテンツ ユーザー
自動車 ドライブ ユーザ
プロダクト (96)インフォ (148)
インタビュー (70)ユーザーボイス (43)
ドライブ (75)イベントレポート (62)
2009年10月20日火曜日
![Page 13: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/13.jpg)
『テーマ』は持続可能なウェブサイトの柱
テーマ
コンテンツ ユーザー
2009年10月20日火曜日
![Page 14: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/14.jpg)
テーマ ≠ テンプレートコンテンツ
カスタムフィールド拡張
情報設計(カテゴリ, フォルダ)
デザイン テンプレート
2009年10月20日火曜日
![Page 15: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/15.jpg)
コンテンツ
制作者や運営者の知識・経験の蓄積
MT ユーザーテンプレート
テーマ
2009年10月20日火曜日
![Page 16: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/16.jpg)
ウェブサイトのベスト・プラクティスを共有
テーマ
MT
コンテンツ
ユーザーテンプレート
2009年10月20日火曜日
![Page 17: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/17.jpg)
ウェブサイトのテーマ誰もが、作れる、配れる、利用できる
MT5 のミッション
『何でもできる』を『誰もができる』に
2009年10月20日火曜日
![Page 18: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/18.jpg)
MT5 で、Movable Cafe (架空)のウェブサイトをデザインしてみよう
2009年10月20日火曜日
![Page 19: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/19.jpg)
カフェの要素(=テーマ)は?
2009年10月20日火曜日
![Page 20: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/20.jpg)
2009年10月20日火曜日
![Page 21: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/21.jpg)
1. おすすめを見る
2009年10月20日火曜日
![Page 22: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/22.jpg)
1. おすすめを見る 2.ドリンクを選ぶ
2009年10月20日火曜日
![Page 23: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/23.jpg)
1. おすすめを見る 2.ドリンクを選ぶ
3. フードを選ぶ
2009年10月20日火曜日
![Page 24: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/24.jpg)
1. おすすめを見る 2.ドリンクを選ぶ
3. フードを選ぶ
4. 注文する
2009年10月20日火曜日
![Page 25: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/25.jpg)
1. おすすめを見る 2.ドリンクを選ぶ
3. フードを選ぶ
4. 注文する30秒で注文完了
2009年10月20日火曜日
![Page 26: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/26.jpg)
入り口
本日のおすすめ
ドリンク フード 注文
要素の分類
2009年10月20日火曜日
![Page 27: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/27.jpg)
トップページ
本日のおすすめ
ドリンク フード 注文
ブログ ウェブページ 問い合わせ
ウェブサイトに置き換え
2009年10月20日火曜日
![Page 28: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/28.jpg)
MT5でのウェブサイト管理
2009年10月20日火曜日
![Page 29: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/29.jpg)
MT4 : ブログ起点のサイト設計
Blog A
Blog B
Blog C
Blog D
2009年10月20日火曜日
![Page 30: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/30.jpg)
MT5 : 実際のコンテンツ構造に合った設計
Website
Blog A Blog B
2009年10月20日火曜日
![Page 31: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/31.jpg)
プロフェッショナル ウェブサイトブログを自由に追加して、ポータル表示
Pro Website
Blog A Blog B,C, ...
index.html
/about/about.html
/contact/contact.html
/blogs/index.html(MultiBlog)
/BLOG-B/index.html
2009年10月20日火曜日
![Page 32: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/32.jpg)
ウェブサイト内のコンテンツをポータルサイトでまとめて表示
Search Website
http://www.sixapart.com/
http://www.othersite.com/
Search
<mt:MultiBlog include_websites="WebsiteID">
2009年10月20日火曜日
![Page 33: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/33.jpg)
DEMO
2009年10月20日火曜日
![Page 34: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/34.jpg)
メニュー = ウェブページコンテンツとフォルダ連携による情報設計
ドリンク フード
2009年10月20日火曜日
![Page 35: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/35.jpg)
Small ¥320
Medium ¥370
Large ¥420
エスプレッソに泡立てたミルクをたっぷりと
カプチーノCappuccino
アイス ホット
2009年10月20日火曜日
![Page 36: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/36.jpg)
“ドリンク”用のカスタムフィールド
“ドリンク”フォルダ
2009年10月20日火曜日
![Page 37: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/37.jpg)
Small Medium Large
Caffe Latte 320 370 420
Caffe Mocha 380 430 480
Cappuccino 320 370 420
Soy Latte 370 420 470
ドリンクページは、価格表を中心としたデザイン
2009年10月20日火曜日
![Page 38: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/38.jpg)
ブルーベリー マフィンBlueberry Muffin
値段 ¥350
カロリー 300 kcal
原料 小麦粉 砂糖 牛乳 卵 ブルーベリー
ブルーベーリーの酸味とふかふか生地のベストマッチ
2009年10月20日火曜日
![Page 39: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/39.jpg)
“フード”用のカスタムフィールド
“フード”フォルダ
2009年10月20日火曜日
![Page 40: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/40.jpg)
カロリー 300 kcal原料 小麦粉 砂糖 牛乳 卵 ブルーベリー
カロリー 360 kcal原料 小麦粉 砂糖 卵
フードページのデザインは画像を中心にしたディスプレイ
2009年10月20日火曜日
![Page 41: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/41.jpg)
DEMO
2009年10月20日火曜日
![Page 42: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/42.jpg)
インポート・エクスポートに対応
1.記事の入力項目にカスタムフィールド追加2. エクスポートファイルにコンテンツを追記3. ファイルをインポートして、コンテントをまとめて取り込み
カタログサイトなど、大量のコンテンツを効率的に追加・管理
2009年10月20日火曜日
![Page 43: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/43.jpg)
カスタムフィールドの強化
新たに拡張可能な対象
• ウェブサイト• ブログ• コメント• テンプレート• アイテム
2009年10月20日火曜日
![Page 44: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/44.jpg)
ウェブサイト・ブログの拡張
• ヘッダー画像の入れ替え• 広告バナー画像の変更• SEO用のMETAタグ,フッター項目
... などをテンプレートを編集せず、カスタムフィールドで
2009年10月20日火曜日
![Page 45: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/45.jpg)
名前, 説明文
アイス/ホット, 価格 S/M/L
商品画像
価格表テンプレート
名前, 説明文
原材料, カロリー, 価格
商品画像
画像を中心にしたデザイン
メニュー
ドリンクフード
コンテンツの枠組み= サイトのテーマ
2009年10月20日火曜日
![Page 46: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/46.jpg)
テンプレート, カスタムフィールドフォルダ, カテゴリー, ファイル を
テーマに含めて
2009年10月20日火曜日
![Page 47: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/47.jpg)
テーマをエクスポート
2009年10月20日火曜日
![Page 48: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/48.jpg)
別のブログに適用 ZIP形式でダウンロード
ネットで配布他のMTにインストール
2009年10月20日火曜日
![Page 49: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/49.jpg)
themes.yaml
テキストファイルを編集して
•テーマ画像の追加•ウェブページの追加
2009年10月20日火曜日
![Page 50: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/50.jpg)
DEMO
2009年10月20日火曜日
![Page 51: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/51.jpg)
テーマ
MT5
コンテンツ
ユーザーテンプレート
誰もが、自分のテーマをつくれる > 配れる >�利用できる
2009年10月20日火曜日
![Page 52: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/52.jpg)
Movable Type による持続的なウェブサイトの
運用方法
2009年10月20日火曜日
![Page 53: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/53.jpg)
本日のおすすめ ドリンク フード 注文
ブログ投稿者
メニューウェブページ管理者
ウェブサイト管理者
問い合わせ担当者
2009年10月20日火曜日
![Page 54: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/54.jpg)
ユーザーのロール(役割)に応じて権限を管理
ユーザー ブログ
ロール
2009年10月20日火曜日
![Page 55: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/55.jpg)
ユーザー ダッシュボード
権限のあるブログを表示
1クリック投稿
2009年10月20日火曜日
![Page 56: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/56.jpg)
本日のおすすめブログ店舗スタッフが毎日更新
2009年10月20日火曜日
![Page 57: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/57.jpg)
更新履歴の管理
カスタムフィールド
ブログ記事ウェブページテンプレート
更新履歴
任意のリビジョンへの復帰が可能
2009年10月20日火曜日
![Page 58: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/58.jpg)
いつ、誰が、どのような変更をしたか
2009年10月20日火曜日
![Page 59: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/59.jpg)
DEMO
2009年10月20日火曜日
![Page 60: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/60.jpg)
大規模なサイトも、分かりやすく安全に管理
システム
ウェブサイト
ブログ
ユーザーダッシュボード
2009年10月20日火曜日
![Page 61: Mt5 Design Your Theme](https://reader034.vdocument.in/reader034/viewer/2022052310/547b2825b37959652b8b4c69/html5/thumbnails/61.jpg)
正式出荷は11月下旬(予定)
movabletype.jp2009年10月20日火曜日