mt5 design your theme

ウェブサイトのテーマをデザインしよう

シックス・アパート株式会社金子順

2009年10月20日火曜日

8周年2001年10月８日サンフランシスコ当時24歳になったばかりのエンジニアBen（ベン）が、ウェブデザイナー Mena（ミナ）のために開発


プログラマーがデザイナーのために作ったPublishing Platform


• ウェブサイト全体を管理• 高度なテンプレート編集• プラグイン拡張• 豊富なソリューション

サーバーにインストールするブログ & 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年の歴史から


3つのポイント

テーマ

コンテンツユーザー


2005年当初は期間限定の予定ユーザーの大きな反響で四年目に。トラックバック企画には毎回数十件の「撮ってみたよ」

Gallery写真（316）


テーマ


カメラ写真ユーザ

製品紹介 (71)ニュース (99)

トラックバック企画 (145)

写真 (316)旅とGR (62)


テーマ


自動車ドライブユーザ

プロダクト (96)インフォ (148)

インタビュー (70)ユーザーボイス (43)

ドライブ (75)イベントレポート (62)


『テーマ』は持続可能なウェブサイトの柱

テーマ



テーマ ≠ テンプレートコンテンツ

カスタムフィールド拡張

情報設計（カテゴリ, フォルダ）

デザインテンプレート


コンテンツ

制作者や運営者の知識・経験の蓄積

MT ユーザーテンプレート

テーマ


ウェブサイトのベスト・プラクティスを共有

テーマ

MT

コンテンツ

ユーザーテンプレート


ウェブサイトのテーマ誰もが、作れる、配れる、利用できる

MT5 のミッション

『何でもできる』を『誰もができる』に


MT5 で、Movable Cafe （架空）のウェブサイトをデザインしてみよう


カフェの要素（=テーマ）は？


1. おすすめを見る


1. おすすめを見る 2.ドリンクを選ぶ



3. フードを選ぶ




4. 注文する




4. 注文する３０秒で注文完了


入り口

本日のおすすめ

ドリンクフード注文

要素の分類


トップページ

本日のおすすめ

ドリンクフード注文

ブログウェブページ問い合わせ

ウェブサイトに置き換え


MT5でのウェブサイト管理


MT4 : ブログ起点のサイト設計

Blog A

Blog B

Blog C

Blog D


MT5 : 実際のコンテンツ構造に合った設計

Website

Blog A Blog B


プロフェッショナルウェブサイトブログを自由に追加して、ポータル表示

Pro Website

Blog A Blog B,C, ...

index.html

/about/about.html

/contact/contact.html

/blogs/index.html(MultiBlog)

/BLOG-B/index.html


ウェブサイト内のコンテンツをポータルサイトでまとめて表示

Search Website

http://www.sixapart.com/

http://www.othersite.com/

Search

<mt:MultiBlog include_websites="WebsiteID">


http://www.goodpic.com




DEMO


メニュー = ウェブページコンテンツとフォルダ連携による情報設計

ドリンクフード


Small ￥320

Medium ￥370

Large ￥420

エスプレッソに泡立てたミルクをたっぷりと

カプチーノCappuccino

アイスホット


“ドリンク”用のカスタムフィールド

“ドリンク”フォルダ


Small Medium Large

Caffe Latte 320 370 420

Caffe Mocha 380 430 480

Cappuccino 320 370 420

Soy Latte 370 420 470

ドリンクページは、価格表を中心としたデザイン


ブルーベリーマフィンBlueberry Muffin

値段￥350

カロリー 300 kcal

原料小麦粉砂糖牛乳卵ブルーベリー

ブルーベーリーの酸味とふかふか生地のベストマッチ


“フード”用のカスタムフィールド

“フード”フォルダ


カロリー 300 kcal原料小麦粉砂糖牛乳卵ブルーベリー

カロリー 360 kcal原料小麦粉砂糖卵

フードページのデザインは画像を中心にしたディスプレイ


DEMO


インポート・エクスポートに対応

1.記事の入力項目にカスタムフィールド追加2. エクスポートファイルにコンテンツを追記3. ファイルをインポートして、コンテントをまとめて取り込み

カタログサイトなど、大量のコンテンツを効率的に追加・管理


カスタムフィールドの強化

新たに拡張可能な対象

• ウェブサイト• ブログ• コメント• テンプレート• アイテム


ウェブサイト・ブログの拡張

• ヘッダー画像の入れ替え• 広告バナー画像の変更• SEO用のMETAタグ，フッター項目

... などをテンプレートを編集せず、カスタムフィールドで


名前, 説明文

アイス/ホット, 価格 S/M/L

商品画像

価格表テンプレート

名前, 説明文

原材料, カロリー, 価格

商品画像

画像を中心にしたデザイン

メニュー

ドリンクフード

コンテンツの枠組み= サイトのテーマ


テンプレート, カスタムフィールドフォルダ, カテゴリー, ファイルを

テーマに含めて


テーマをエクスポート


別のブログに適用 ZIP形式でダウンロード

ネットで配布他のMTにインストール


themes.yaml

テキストファイルを編集して

•テーマ画像の追加•ウェブページの追加


DEMO


テーマ

MT5

コンテンツ

ユーザーテンプレート

誰もが、自分のテーマをつくれる > 配れる >�利用できる


Movable Type による持続的なウェブサイトの

運用方法


本日のおすすめドリンクフード注文

ブログ投稿者

メニューウェブページ管理者

ウェブサイト管理者

問い合わせ担当者


ユーザーのロール（役割）に応じて権限を管理

ユーザーブログ

ロール


ユーザーダッシュボード

権限のあるブログを表示

1クリック投稿


本日のおすすめブログ店舗スタッフが毎日更新


更新履歴の管理

カスタムフィールド

ブログ記事ウェブページテンプレート

更新履歴

任意のリビジョンへの復帰が可能


いつ、誰が、どのような変更をしたか


DEMO


大規模なサイトも、分かりやすく安全に管理

システム

ウェブサイト

ブログ

ユーザーダッシュボード


正式出荷は１１月下旬（予定）

movabletype.jp2009年10月20日火曜日

mt5 design your theme

Design