cremaこと黒野明子担当分のMovable Typeのスライドです。

1. 弁野弁護士事務所さま
ご提案
crema design / linker 黒野明子

2. 弁野弁護士事務所さまの
サイトで実現したいこと
‣ 自分以外の人も更新できるようにしたい
（HTMLが分からない人でもカンタンに）
‣ お問い合せフォームを設置したい
‣ 費用はそんなにかけられない

3. HTMLが分からなくても
誰でも更新できるように
‣ 「mixi日記」を書く程度の作業で更新！

4. MT5で記事投稿の
DEMO

5. 既存の静的HTMLを使って
Movable Typeのテンプレート作成

6. 既存の静的HTMLを使って
Movable Typeのテンプレート作成
• 既存のサイトHTML（トップページ）
<!-- Right News Box -->
<div id="news" class="box">
<h3><img src="img/h3_news.png" alt="新着情報・更新情報" width="470" height="30" /></h3>
<ul>
<li><a href="#">法律まめ知識vol.252「執行猶予とは？」（10.2.27)</a></li>
<li><a href="#">次回の無料法律相談会は2月29日に開催します。（10.2.26)</a></li>
<li><a href="#">プロフィールに新しいメンバーを追加しました。（10.2.24）</a></li>
<li><a href="#">法律まめ知識vol.251「裁判員に選ばれたら？」（10.2.22）</a></li>
<li><a href="#">プロフィールに飼い犬の情報を追加しました。（10.2.20)</a></li>
</ul>
</div>
<!-- /Right News Box -->

7. とりあえず、トップページで
更新する部分だけに
MTタグを入れてみる
HTML編集の
DEMO

8. ファイルをサーバにアップして
ファイルへのリンクを設定
DEMO

9. 再構築
DEMO

10. 次に、個別の記事ページの
更新する部分だけに
MTタグを入れてみる
HTML編集の
DEMO

11. ファイルをサーバにアップして
ファイルへのリンクを設定
DEMO

12. 再構築
DEMO

13. 既存の記事をインポートする
DEMO

14. お問い合せフォームの設置
‣ A-Form
‣ メールフォームプラグイン

15. メールフォームプラグイン
‣ Movable Type5に設置された様子

16. テストで
お問い合わせしてみる
DEMO

17. ジョニーネイルサロンさま
ご提案
crema design / linker 黒野明子

18. ジョニーネイルサロンさまの
サイトで実現したいこと
‣ 携帯サイト連動 (絵文字対応 ３キャリア)
・
‣ 携帯クーポンを発行したい
‣ ついでにSNSもできない？

19. 携帯対応とは
‣ 携帯から投稿する
‣ 携帯での閲覧ページを作成する

20. 携帯から投稿
‣ メール投稿プラグイン「MailPack」
‣ Flickrからのブログ投稿機能を活用

21. Flickrから投稿

22. メール→Flickrから投稿
DEMO

23. 携帯での閲覧ページを作成
• Power CMS for MT（会員限定ページ
作成や携帯MT管理画面）
• ケータイキット for Movable Type（絵
文字対応）
• モバイルサイトmaker for Movable
Type（一部絵文字対応）
• MT4i

24. ケータイキット
for Movable Type

25. モバイルサイトmaker for
Movable Type

26. モバイルサイトmaker for
Movable Type
Movable Type モバイルサイト
Maker
データベース

28. SNS（MTCS）
‣ 東京もつ鍋天国
制作：黒野明子＋秋野琢

29. 波津根不動産さま
ご提案
crema design / linker 黒野明子

30. 波津根不動産さまの
サイトで実現したいこと
‣ 多数項目がある物件登録画面を実装してほしい
‣ 各店舗から更新担当者がいる（ユーザー権限
の設定）
‣ カスタム検索を実装したい（地名/沿線/物件
条件等から検索できる）

31. 多数項目のある入力画面
DEMO

32. ユーザー権限の設定
DEMO

33. カスタム検索を実装
‣ タグの絞り込み検索（小粋空間）
西麻布 3LDK
和室

34. タグの絞り込み検索を実装
‣ Splitプラグインをインストール
‣ テンプレートを書き換え

35. タグの絞り込み検索
DEMO

36. カフェ・ジュネーベさま
参考情報
crema design / linker 黒野明子

37. FlashとMTの連動
‣ NORIのFlashユーザのための
Movable Type講座 gihyo.jp版
連載：トゴル・カンパニー／NORIさん

38. FlashとMTの連動
‣ うるまでるびデラックス
制作：トゴル・カンパニー／NORIさん

39. FlashとMTの連動
‣ カレン代表取締役ブログ
制作：FXB／原一浩さん

40. FlashとMTの連動
‣ 日本アドバタイザーズ協会
制作：FXB／原一浩さん