css nite in kansaiのmovable typeスライド（黒野明子作成）

弁野弁護士事務所さまご提案

crema design / linker 黒野明子

弁野弁護士事務所さまのサイトで実現したいこと

‣自分以外の人も更新できるようにしたい（HTMLが分からない人でもカンタンに）

‣お問い合せフォームを設置したい‣費用はそんなにかけられない

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

MT5で記事投稿のDEMO

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

• 既存のサイトHTML（トップページ）既存の静的HTMLを使って

Movable Typeのテンプレート作成

<!-- 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 -->

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

HTML編集のDEMO

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

DEMO

再構築

DEMO

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

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

DEMO

再構築

DEMO

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

DEMO

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

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

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

DEMO

ジョニーネイルサロンさまご提案

crema design / linker 黒野明子

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

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

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

Flickrから投稿

DEMO

メール→Flickrから投稿

携帯での閲覧ページを作成• Power CMS for MT（会員限定ページ作成や携帯MT管理画面）

•ケータイキット for Movable Type（絵文字対応）

•モバイルサイトmaker for Movable Type（一部絵文字対応）

•MT4i

ケータイキットfor Movable Type

モバイルサイトmaker for Movable Type

モバイルサイトmaker for Movable Type

データベース

Movable 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さん

‣ カレン代表取締役ブログ制作：FXB／原一浩さん

FlashとMTの連動

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