弁野弁護士事務所さま    ご提案crema design / linker 黒野明子
弁野弁護士事務所さまの サイトで実現したいこと‣ 自分以外の人も更新できるようにしたい (HTMLが分からない人でもカンタンに)‣ お問い合せフォームを設置したい‣ 費用はそんなにかけられない
HTMLが分からなくても 誰でも更新できるように‣ 「mixi日記」を書く程度の作業で更新!
MT5で記事投稿の   DEMO
既存の静的HTMLを使ってMovable Typeのテンプレート作成
既存の静的HTMLを使って         Movable Typeのテンプレート作成           • 既存のサイトHTML(トップページ)<!-- Right News Box --><div id="news" class="box...
とりあえず、トップページで  更新する部分だけに  MTタグを入れてみる   HTML編集の     DEMO
ファイルをサーバにアップして ファイルへのリンクを設定     DEMO
再構築DEMO
次に、個別の記事ページの 更新する部分だけに MTタグを入れてみる  HTML編集の    DEMO
ファイルをサーバにアップして ファイルへのリンクを設定     DEMO
再構築DEMO
既存の記事をインポートする    DEMO
お問い合せフォームの設置‣ A-Form‣ メールフォームプラグイン
メールフォームプラグイン‣ Movable Type5に設置された様子
テストでお問い合わせしてみる   DEMO
ジョニーネイルサロンさま    ご提案 crema design / linker 黒野明子
ジョニーネイルサロンさまの サイトで実現したいこと‣ 携帯サイト連動 (絵文字対応 3キャリア)                ・‣ 携帯クーポンを発行したい‣ ついでにSNSもできない?
携帯対応とは‣ 携帯から投稿する‣ 携帯での閲覧ページを作成する
携帯から投稿‣ メール投稿プラグイン「MailPack」‣ Flickrからのブログ投稿機能を活用
Flickrから投稿
メール→Flickrから投稿    DEMO
携帯での閲覧ページを作成• Power CMS for MT(会員限定ページ 作成や携帯MT管理画面)• ケータイキット for Movable Type(絵 文字対応)• モバイルサイトmaker for Movable Type(一部絵文字...
ケータイキットfor Movable Type
モバイルサイトmaker for  Movable Type
モバイルサイトmaker for  Movable TypeMovable Type    モバイルサイト                  Maker           データベース
SNS(MTCS)‣ 東京もつ鍋天国 制作:黒野明子+秋野琢
波津根不動産さま      ご提案crema design / linker 黒野明子
波津根不動産さまの  サイトで実現したいこと‣ 多数項目がある物件登録画面を実装してほしい‣ 各店舗から更新担当者がいる(ユーザー権限 の設定)‣ カスタム検索を実装したい(地名/沿線/物件 条件等から検索できる)
多数項目のある入力画面   DEMO
ユーザー権限の設定   DEMO
カスタム検索を実装‣ タグの絞り込み検索(小粋空間)    西麻布        3LDK          和室
タグの絞り込み検索を実装‣ Splitプラグインをインストール‣ テンプレートを書き換え
タグの絞り込み検索  DEMO
カフェ・ジュネーベさま   参考情報crema design / linker 黒野明子
FlashとMTの連動‣ NORIのFlashユーザのための Movable Type講座 gihyo.jp版 連載:トゴル・カンパニー/NORIさん
FlashとMTの連動‣ うるまでるびデラックス 制作:トゴル・カンパニー/NORIさん
FlashとMTの連動‣ カレン代表取締役ブログ 制作:FXB/原一浩さん
FlashとMTの連動‣ 日本アドバタイザーズ協会 制作:FXB/原一浩さん
CSS Nite in KansaiのMovable Typeスライド(黒野明子作成)
Upcoming SlideShare
Loading in …5
×

CSS Nite in KansaiのMovable Typeスライド(黒野明子作成)

1,418 views

Published on

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

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,418
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
17
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

CSS Nite in KansaiのMovable Typeスライド(黒野明子作成)

  1. 1. 弁野弁護士事務所さま ご提案crema design / linker 黒野明子
  2. 2. 弁野弁護士事務所さまの サイトで実現したいこと‣ 自分以外の人も更新できるようにしたい (HTMLが分からない人でもカンタンに)‣ お問い合せフォームを設置したい‣ 費用はそんなにかけられない
  3. 3. HTMLが分からなくても 誰でも更新できるように‣ 「mixi日記」を書く程度の作業で更新!
  4. 4. MT5で記事投稿の DEMO
  5. 5. 既存の静的HTMLを使ってMovable Typeのテンプレート作成
  6. 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. 7. とりあえず、トップページで 更新する部分だけに MTタグを入れてみる HTML編集の DEMO
  8. 8. ファイルをサーバにアップして ファイルへのリンクを設定 DEMO
  9. 9. 再構築DEMO
  10. 10. 次に、個別の記事ページの 更新する部分だけに MTタグを入れてみる HTML編集の DEMO
  11. 11. ファイルをサーバにアップして ファイルへのリンクを設定 DEMO
  12. 12. 再構築DEMO
  13. 13. 既存の記事をインポートする DEMO
  14. 14. お問い合せフォームの設置‣ A-Form‣ メールフォームプラグイン
  15. 15. メールフォームプラグイン‣ Movable Type5に設置された様子
  16. 16. テストでお問い合わせしてみる DEMO
  17. 17. ジョニーネイルサロンさま ご提案 crema design / linker 黒野明子
  18. 18. ジョニーネイルサロンさまの サイトで実現したいこと‣ 携帯サイト連動 (絵文字対応 3キャリア) ・‣ 携帯クーポンを発行したい‣ ついでにSNSもできない?
  19. 19. 携帯対応とは‣ 携帯から投稿する‣ 携帯での閲覧ページを作成する
  20. 20. 携帯から投稿‣ メール投稿プラグイン「MailPack」‣ Flickrからのブログ投稿機能を活用
  21. 21. Flickrから投稿
  22. 22. メール→Flickrから投稿 DEMO
  23. 23. 携帯での閲覧ページを作成• Power CMS for MT(会員限定ページ 作成や携帯MT管理画面)• ケータイキット for Movable Type(絵 文字対応)• モバイルサイトmaker for Movable Type(一部絵文字対応)• MT4i
  24. 24. ケータイキットfor Movable Type
  25. 25. モバイルサイトmaker for Movable Type
  26. 26. モバイルサイトmaker for Movable TypeMovable Type モバイルサイト Maker データベース
  27. 27. SNS(MTCS)‣ 東京もつ鍋天国 制作:黒野明子+秋野琢
  28. 28. 波津根不動産さま ご提案crema design / linker 黒野明子
  29. 29. 波津根不動産さまの サイトで実現したいこと‣ 多数項目がある物件登録画面を実装してほしい‣ 各店舗から更新担当者がいる(ユーザー権限 の設定)‣ カスタム検索を実装したい(地名/沿線/物件 条件等から検索できる)
  30. 30. 多数項目のある入力画面 DEMO
  31. 31. ユーザー権限の設定 DEMO
  32. 32. カスタム検索を実装‣ タグの絞り込み検索(小粋空間) 西麻布 3LDK 和室
  33. 33. タグの絞り込み検索を実装‣ Splitプラグインをインストール‣ テンプレートを書き換え
  34. 34. タグの絞り込み検索 DEMO
  35. 35. カフェ・ジュネーベさま 参考情報crema design / linker 黒野明子
  36. 36. FlashとMTの連動‣ NORIのFlashユーザのための Movable Type講座 gihyo.jp版 連載:トゴル・カンパニー/NORIさん
  37. 37. FlashとMTの連動‣ うるまでるびデラックス 制作:トゴル・カンパニー/NORIさん
  38. 38. FlashとMTの連動‣ カレン代表取締役ブログ 制作:FXB/原一浩さん
  39. 39. FlashとMTの連動‣ 日本アドバタイザーズ協会 制作:FXB/原一浩さん

×