mt5 design your theme
Post on 29-Nov-2014
4.928 Views
Preview:
DESCRIPTION
TRANSCRIPT
ウェブサイトのテーマをデザインしよう
シックス・アパート株式会社金子 順
2009年10月20日火曜日
8周年2001年10月８日 サンフランシスコ当時24歳になったばかりのエンジニアBen（ベン）が、ウェブデザイナー Mena（ミナ）のために開発
2009年10月20日火曜日
プログラマーがデザイナーのために作ったPublishing Platform
2009年10月20日火曜日
• ウェブサイト全体を管理• 高度なテンプレート編集• プラグイン拡張• 豊富なソリューション
サーバーにインストールするブログ & CMS
インターネット白書 ３年連続CMS製品 No. 12009年10月20日火曜日
50+Books2009年10月20日火曜日
MT5.0 Now on BETA 3 !
Try now on movabletype.jp2009年10月20日火曜日
Sustainable (持続可能)なウェブサイトのデザイン
って何だろう？
ブログの実態に関する調査研究の結果 総務省情報通信政策研究所（ＩＩＣＰ）調査研究部 (平成20年７月)
Movable Type 8年の歴史から
2009年10月20日火曜日
3つのポイント
テーマ
コンテンツ ユーザー
2009年10月20日火曜日
2005年当初は期間限定の予定ユーザーの大きな反響で四年目に。トラックバック企画には毎回数十件の「撮ってみたよ」
Gallery写真（316）
2009年10月20日火曜日
テーマ
コンテンツ ユーザー
カメラ 写真 ユーザ
製品紹介 (71)ニュース (99)
トラックバック企画 (145)
写真 (316)旅とGR (62)
2009年10月20日火曜日
2009年10月20日火曜日
テーマ
コンテンツ ユーザー
自動車 ドライブ ユーザ
プロダクト (96)インフォ (148)
インタビュー (70)ユーザーボイス (43)
ドライブ (75)イベントレポート (62)
2009年10月20日火曜日
『テーマ』は持続可能なウェブサイトの柱
テーマ
コンテンツ ユーザー
2009年10月20日火曜日
テーマ ≠ テンプレートコンテンツ
カスタムフィールド拡張
情報設計（カテゴリ, フォルダ）
デザイン テンプレート
2009年10月20日火曜日
コンテンツ
制作者や運営者の知識・経験の蓄積
MT ユーザーテンプレート
テーマ
2009年10月20日火曜日
ウェブサイトのベスト・プラクティスを共有
テーマ
MT
コンテンツ
ユーザーテンプレート
2009年10月20日火曜日
ウェブサイトのテーマ誰もが、作れる、配れる、利用できる
MT5 のミッション
『何でもできる』を『誰もができる』に
2009年10月20日火曜日
MT5 で、Movable Cafe （架空）のウェブサイトをデザインしてみよう
2009年10月20日火曜日
カフェの要素（=テーマ）は？
2009年10月20日火曜日
2009年10月20日火曜日
1. おすすめを見る
2009年10月20日火曜日
1. おすすめを見る 2.ドリンクを選ぶ
2009年10月20日火曜日
1. おすすめを見る 2.ドリンクを選ぶ
3. フードを選ぶ
2009年10月20日火曜日
1. おすすめを見る 2.ドリンクを選ぶ
3. フードを選ぶ
4. 注文する
2009年10月20日火曜日
1. おすすめを見る 2.ドリンクを選ぶ
3. フードを選ぶ
4. 注文する３０秒で注文完了
2009年10月20日火曜日
入り口
本日のおすすめ
ドリンク フード 注文
要素の分類
2009年10月20日火曜日
トップページ
本日のおすすめ
ドリンク フード 注文
ブログ ウェブページ 問い合わせ
ウェブサイトに置き換え
2009年10月20日火曜日
MT5でのウェブサイト管理
2009年10月20日火曜日
MT4 : ブログ起点のサイト設計
Blog A
Blog B
Blog C
Blog D
2009年10月20日火曜日
MT5 : 実際のコンテンツ構造に合った設計
Website
Blog A Blog B
2009年10月20日火曜日
プロフェッショナル ウェブサイトブログを自由に追加して、ポータル表示
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日火曜日
ウェブサイト内のコンテンツをポータルサイトでまとめて表示
Search Website
http://www.sixapart.com/
http://www.othersite.com/
Search
<mt:MultiBlog include_websites="WebsiteID">
2009年10月20日火曜日
DEMO
2009年10月20日火曜日
メニュー = ウェブページコンテンツとフォルダ連携による情報設計
ドリンク フード
2009年10月20日火曜日
Small ￥320
Medium ￥370
Large ￥420
エスプレッソに泡立てたミルクをたっぷりと
カプチーノCappuccino
アイス ホット
2009年10月20日火曜日
“ドリンク”用のカスタムフィールド
“ドリンク”フォルダ
2009年10月20日火曜日
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日火曜日
ブルーベリー マフィンBlueberry Muffin
値段 ￥350
カロリー 300 kcal
原料 小麦粉 砂糖 牛乳 卵 ブルーベリー
ブルーベーリーの酸味とふかふか生地のベストマッチ
2009年10月20日火曜日
“フード”用のカスタムフィールド
“フード”フォルダ
2009年10月20日火曜日
カロリー 300 kcal原料 小麦粉 砂糖 牛乳 卵 ブルーベリー
カロリー 360 kcal原料 小麦粉 砂糖 卵
フードページのデザインは画像を中心にしたディスプレイ
2009年10月20日火曜日
DEMO
2009年10月20日火曜日
インポート・エクスポートに対応
1.記事の入力項目にカスタムフィールド追加2. エクスポートファイルにコンテンツを追記3. ファイルをインポートして、コンテントをまとめて取り込み
カタログサイトなど、大量のコンテンツを効率的に追加・管理
2009年10月20日火曜日
カスタムフィールドの強化
新たに拡張可能な対象
• ウェブサイト• ブログ• コメント• テンプレート• アイテム
2009年10月20日火曜日
ウェブサイト・ブログの拡張
• ヘッダー画像の入れ替え• 広告バナー画像の変更• SEO用のMETAタグ，フッター項目
... などをテンプレートを編集せず、カスタムフィールドで
2009年10月20日火曜日
名前, 説明文
アイス/ホット, 価格 S/M/L
商品画像
価格表テンプレート
名前, 説明文
原材料, カロリー, 価格
商品画像
画像を中心にしたデザイン
メニュー
ドリンクフード
コンテンツの枠組み= サイトのテーマ
2009年10月20日火曜日
テンプレート, カスタムフィールドフォルダ, カテゴリー, ファイル を
テーマに含めて
2009年10月20日火曜日
テーマをエクスポート
2009年10月20日火曜日
別のブログに適用 ZIP形式でダウンロード
ネットで配布他のMTにインストール
2009年10月20日火曜日
themes.yaml
テキストファイルを編集して
•テーマ画像の追加•ウェブページの追加
2009年10月20日火曜日
DEMO
2009年10月20日火曜日
テーマ
MT5
コンテンツ
ユーザーテンプレート
誰もが、自分のテーマをつくれる > 配れる >�利用できる
2009年10月20日火曜日
Movable Type による持続的なウェブサイトの
運用方法
2009年10月20日火曜日
本日のおすすめ ドリンク フード 注文
ブログ投稿者
メニューウェブページ管理者
ウェブサイト管理者
問い合わせ担当者
2009年10月20日火曜日
ユーザーのロール（役割）に応じて権限を管理
ユーザー ブログ
ロール
2009年10月20日火曜日
ユーザー ダッシュボード
権限のあるブログを表示
1クリック投稿
2009年10月20日火曜日
本日のおすすめブログ店舗スタッフが毎日更新
2009年10月20日火曜日
更新履歴の管理
カスタムフィールド
ブログ記事ウェブページテンプレート
更新履歴
任意のリビジョンへの復帰が可能
2009年10月20日火曜日
いつ、誰が、どのような変更をしたか
2009年10月20日火曜日
DEMO
2009年10月20日火曜日
大規模なサイトも、分かりやすく安全に管理
システム
ウェブサイト
ブログ
ユーザーダッシュボード
2009年10月20日火曜日
正式出荷は１１月下旬（予定）
movabletype.jp2009年10月20日火曜日
top related