Movatterモバイル変換


[0]ホーム

URL:


Mayumi Ishikawa, profile picture
Uploaded byMayumi Ishikawa
4,719 views

MTを今すぐCMSとして使いたい人のための60分急ごしらえセミナー

4月22日にGMOクラウドで開催されたMovable Typeセミナーのプレゼン資料。

Embed presentation

MTを今すぐCMSとして使いたい人のための60分急ごしらえセミナーシックス・アパート マーケティング担当 高橋真弓
自己紹介高橋真弓(シックス・アパート株式会社 マーケティング担当)3年間、都内のWeb制作会社にてWebプロデュースやWebディレクションを行う。2008年よりシックス・アパート株式会社に入社、マーケティング・マネジャーとしてシックス・アパートのマーケティング活動全般を手がける。ブログを書いている。(Movable Type については一切言及していませんが)鳥を飼っている。http://uramayu.typepad.jp/Twitter ID: @mayumine
今日の流れMovable Type とはMovable Type とWordPressの違いは?MTで何ができるの?MTの簡単なカスタマイズにチャレンジ!Movable Type 5.1 紹介
Movable Typeとは2001年2011年2001年 Movable Type 1.0サンフランシスコのシックス・アパートの創業者夫妻が自分たちの日記を書くために開発したブログツール2011年 Movable Type 5.1 Beta公開日本で一番導入されているCMSソフトウェアとして進化中
MTとWordPressの違い
MTとWordPressの違い結論(あくまで所感ですが)ブログとして使う場合は… WordPressWPの方がインストールが簡単
様々なプラグイン、テンプレートが豊富ですぐに始められる
いろいろやろうとするとPHPの知識が必要になってくるCMSとして使う場合は… Movable TypeMTの方が複数サイト複数ブログ、ユーザーの管理になど、CMSとしての機能が充実している
システムとデザインとコンテンツが分離しているので、構築時においてデザイナー、プログラマーの分業がし易い
MTに対応できる制作会社、デザイナー、そして関連書籍がやはり豊富MTでなにができるの? Movable Type コンテスト 2010 入賞作品よりご紹介もちろん、カスタマイズしてかっこいいブログもつくれますMTコンテスト2010グランプリnarajin.nethttp://narajin.net/
MTでなにができるの?Movable Type コンテスト 2010 入賞作品よりご紹介一方、誰もが知っている大企業の大規模サイトのCMSプラットフォームとして使われています。ソーシャルサービスと連携したり、マルチデバイス対応も可能にしています。MTコンテスト2010準グランプリローソンhttp://www.lawson.co.jp/
MTでなにができるの? Movable Type コンテスト 2010 入賞作品よりご紹介また大学のサイト(しかもフルFlash版、HTML版あり)のサイトにも利用されています。MTコンテスト2010 シックス・アパート賞多摩美術大学http://aworks.tamabi.ac.jp/
MTでなにができるの?ローカルビジネスのサイトにもCMSとして、数多く導入してもらっています。やまだ整骨院http://www.yamada-seikotsu.com/シックス・アパートの導入事例が700近く掲載されています。http://www.sixapart.jp/business/
MTに挑戦しようと思ってインストールまでは何とかできた!でもいざMTのカスタマイズをしようとして、ドキュメントや本も読んだけど、MTの概念とか、MTタグ、テンプレート,変数?もうよくわかんなくなって前はあきらめたんだよね…MTの簡単なカスタマイズにチャレンジ!
なんの変哲もない小規模な非実在企業サイトじゃあMovable Type を導入しましょう!「お知らせ」だけ自分で更新できないかなー
今すぐできる超絶シンプルなMTのCMSカスタマイズテクニック今回説明する内容は、2010年7月~8月にgihyo.jpに連載された、「今すぐできる超絶シンプルなMTのCMSカスタマイズテクニック」の導入部分が基本となっています。http://gihyo.jp/design/serial/01/mtcorp_cms
サイト構成
カスタマイズするHTMLテンプレートは3つトップページ(index.html)
お知らせの一覧ページ(news/index.html)
お知らせの個別ページ(news/entry.html)前提としてサイトのHTMLはひと通り完成しているMTはサーバーにインストール済みで何も設定されていない※インストールマニュアルhttp://www.movabletype.jp/documentation/mt5/installation/system.html※画像やスタイルシートは全てディレクトリ直下の「common」フォルダに入っているつもりで説明をしていきます
まずはMTの下準備Step 1  まずは「ウェブサイト」を作成
まずはMTの下準備Step 2  次に「ブログ」を作成
テンプレートの下準備Step 3 不要なテンプレートを削除インデックステンプレート:JavaScriptと、最新記事のフィード、メインページ以外削除
アーカイブテンプレート:ブログ記事以外削除
テンプレートモジュール:すべて削除
ウィジェットセット:すべて削除
システムテンプレート:そのまま(すべて削除しても問題なし)http://gihyo.jp/design/serial/01/mtcorp_cms/0001?page=2
「ブログ記事」テンプレートの編集Step 4 「ブログ記事」テンプレート    アーカイブマッピングのURL設定
「ブログ記事」テンプレートの編集Step 4 「ブログ記事」テンプレート    アーカイブマッピングのURL設定生成されるページのURLの出力形式を定義するhttp://www.movabletype.jp/documentation/appendices/date-formats.htmlカスタマイズ%y-%m-%d-%h-%n.html↓yyyy-mm-dd-hh-mm.html↓2011-03-25-15-30.htmlデフォルトyyyy/mm/entry-basename.html↓2011/03/gmoseminer.html※任意のファイル名
「ブログ記事」テンプレートの編集Step 5 「ブログ記事」テンプレートをMTカスタマイズデフォルトテンプレートのソースをすべて削除あらかじめ用意しておいた「お知らせの詳細ページ」の(news/entry.html)のHTMLソースをそのままコピー&ペースト
「ブログ記事」テンプレートの編集Step 5 「ブログ記事」テンプレートをMTカスタマイズ見出しに該当する箇所と,本文部分に該当する箇所にMTタグを挿入するh2><$MTEntryTitle$></h2><p><$MTEntryBody$></p><$MTEntryTitle$> ブログ記事のタイトルを表示するタグです。<$MTEntryBody$> ブログ記事の本文を表示するタグです。
「ブログ記事」テンプレートの編集Step 5 「ブログ記事」テンプレートをMTカスタマイズ
「ブログ記事」テンプレートの編集
お知らせトップページの編集Step 6 「メインページ」テンプレートをMTカスタマイズデフォルトテンプレートのソースをすべて削除あらかじめ用意しておいた「お知らせの一覧ページ」の(news/index.html)のHTMLソースをそのままコピー&ペースト
お知らせトップページの編集Step 6 「メインページ」テンプレートをMTカスタマイズブロク記事を一覧表示するMTカスタマイズ<table class="news"> <tbody> <mt:Entrieslastn="10“> <tr> <th><mt:EntryDate format="%Y.%m.%d"></th> <td><ahref="<$mt:EntryPermalink$>"><$mt:EntryTitle$></a> </td> </tr> </mt:Entries> </tbody> </table><mt:Entrieslastn="10"> ~ </mt:Entries>MTEntriesは、ブログ記事を一覧させるためのMT タグ。HTML タグのように開始タグと終了タグを対にして記述します。「lastn=“10”」という指定は出力するブログ記事の件数を制限していて、ここでは「最新のブロク記事10件を表示する」と指定しています。
お知らせトップページの編集Step 6 「メインページ」テンプレートをMTカスタマイズブロク記事を一覧表示するMTカスタマイズ<table class="news"> <tbody> <mt:Entrieslastn="10“> <tr> <th><mt:EntryDate format="%Y.%m.%d"></th> <td><ahref="<$mt:EntryPermalink$>"><$mt:EntryTitle$></a> </td> </tr> </mt:Entries> </tbody> </table><mt:EntryDate format="%Y.%m.%d"> MTEntryDateで,ブログ記事の作成日時を表示。formatを指定し,日時の表示方法を設定しています。format=“%Y.%m.%d”の指定で、”yyyy.mm.dd(ex 2011.3.25)”と出力されます。
お知らせトップページの編集Step 6 「メインページ」テンプレートをMTカスタマイズブロク記事を一覧表示するMTカスタマイズ<table class="news"> <tbody> <mt:Entrieslastn="10“> <tr> <th><mt:EntryDate format="%Y.%m.%d"></th> <td><a href="<$mt:EntryPermalink$>"><$mt:EntryTitle$></a> </td> </tr> </mt:Entries> </tbody> </table><$MTEntryPermalink$> 作成したブログ記事のURLを表示。<$mt:EntryTitle$>ブログ記事のタイトルを表示。
お知らせトップページの編集
ここまでのまとめ・企業サイトをMT化するために、ウェブサイト、ブログを作成、不要なテンプレートは削除した・お知らせブログの「ブログ記事」のテンプレートをカスタマイズ・お知らせブログの「メインページ」のテンプレートをカスタマイズお知らせブログをから記事を入力すると、記事が生成され、「お知らせ」のトップに一覧表示されるようにした ←イマココ

Recommended

PDF
アンバサダーマーケティング #WMCTokyo
PDF
Web制作の幅が広がる! プロジェクトの傾向から考える、 2つ目•3つ目のCMS選び
PDF
売上前年比122%達成、地方のウェブサイト制作会社を支えるMovableType.netの活用法
PDF
だから、Webディレクターはやめられない Z
PDF
ディレクター・ノンプログラマー目線のMovable Type
PDF
concrete5で実践するリードナーチャリング
PDF
Webディレクター~強みを活かすディレクション術~
PDF
プロ用CMSフレームワークテーマ「echo」のご紹介
PPTX
使えるのか!?Movable type.netをリアルに使ってみた結果
PPTX
Webデザイナーの私がMicrosoft Azureを使うようになったワケ
PDF
190704_チャットボットのキャラクターが生み出す顧客とのエンゲージメント
PDF
作るツールから支えるツールへ - Movable Typeと外部システムの連携事例 -
PDF
20140903 sa business_seminar
PDF
Cssnite in sapporovol14
PDF
Movable TypeとSKELETON CARTで始める、ブログ・オン・“EC”マーケティング
PDF
Movable Type+AWSでECサイトを構築してわかったこと
PPTX
MovableTypeの実務制作で考慮すること
PDF
Movable typeでモバイルギャラリーサイト
PDF
MTのダイナミック処理(PHP)を高速化する@サーバーサイドスクリプティング
PDF
コドモのソーシャルネットワーク事情~親ならこれだけはやっておけ
PDF
スマートフォンサイトの作成術 - 大川洋一
 
PPTX
ExcelでCSVファイルを開いてはいけない52の理由(の1つ)
PPT
色彩センスのいらない配色講座
PDF
サルでもわかるHTML5超入門
PDF
0からのウェブディレクション講座:設計編 v5.3
PDF
DeNA_国内のアプリマーケティング手法、各プレイヤー、状況のまとめ
PDF
HTML5マークアップの心得と作法
PDF
What's LibreOffice Japanese Team / LibreOffice日本語チームってなんだろう?
PDF
これまでウチが構築してきたMT案件のこと、すべて晒します
KEY
Webデザイナーのためのandroid用レイアウト講座

More Related Content

PDF
アンバサダーマーケティング #WMCTokyo
PDF
Web制作の幅が広がる! プロジェクトの傾向から考える、 2つ目•3つ目のCMS選び
PDF
売上前年比122%達成、地方のウェブサイト制作会社を支えるMovableType.netの活用法
PDF
だから、Webディレクターはやめられない Z
PDF
ディレクター・ノンプログラマー目線のMovable Type
PDF
concrete5で実践するリードナーチャリング
PDF
Webディレクター~強みを活かすディレクション術~
PDF
プロ用CMSフレームワークテーマ「echo」のご紹介
アンバサダーマーケティング #WMCTokyo
Web制作の幅が広がる! プロジェクトの傾向から考える、 2つ目•3つ目のCMS選び
売上前年比122%達成、地方のウェブサイト制作会社を支えるMovableType.netの活用法
だから、Webディレクターはやめられない Z
ディレクター・ノンプログラマー目線のMovable Type
concrete5で実践するリードナーチャリング
Webディレクター~強みを活かすディレクション術~
プロ用CMSフレームワークテーマ「echo」のご紹介

What's hot

PPTX
使えるのか!?Movable type.netをリアルに使ってみた結果
PPTX
Webデザイナーの私がMicrosoft Azureを使うようになったワケ
PDF
190704_チャットボットのキャラクターが生み出す顧客とのエンゲージメント
PDF
作るツールから支えるツールへ - Movable Typeと外部システムの連携事例 -
PDF
20140903 sa business_seminar
PDF
Cssnite in sapporovol14
PDF
Movable TypeとSKELETON CARTで始める、ブログ・オン・“EC”マーケティング
使えるのか!?Movable type.netをリアルに使ってみた結果
Webデザイナーの私がMicrosoft Azureを使うようになったワケ
190704_チャットボットのキャラクターが生み出す顧客とのエンゲージメント
作るツールから支えるツールへ - Movable Typeと外部システムの連携事例 -
20140903 sa business_seminar
Cssnite in sapporovol14
Movable TypeとSKELETON CARTで始める、ブログ・オン・“EC”マーケティング

Viewers also liked

PDF
Movable Type+AWSでECサイトを構築してわかったこと
PPTX
MovableTypeの実務制作で考慮すること
PDF
Movable typeでモバイルギャラリーサイト
PDF
MTのダイナミック処理(PHP)を高速化する@サーバーサイドスクリプティング
PDF
コドモのソーシャルネットワーク事情~親ならこれだけはやっておけ
PDF
スマートフォンサイトの作成術 - 大川洋一
 
PPTX
ExcelでCSVファイルを開いてはいけない52の理由(の1つ)
PPT
色彩センスのいらない配色講座
PDF
サルでもわかるHTML5超入門
PDF
0からのウェブディレクション講座:設計編 v5.3
PDF
DeNA_国内のアプリマーケティング手法、各プレイヤー、状況のまとめ
PDF
HTML5マークアップの心得と作法
PDF
What's LibreOffice Japanese Team / LibreOffice日本語チームってなんだろう?
PDF
これまでウチが構築してきたMT案件のこと、すべて晒します
KEY
Webデザイナーのためのandroid用レイアウト講座
Movable Type+AWSでECサイトを構築してわかったこと
MovableTypeの実務制作で考慮すること
Movable typeでモバイルギャラリーサイト
MTのダイナミック処理(PHP)を高速化する@サーバーサイドスクリプティング
コドモのソーシャルネットワーク事情~親ならこれだけはやっておけ
スマートフォンサイトの作成術 - 大川洋一
 
ExcelでCSVファイルを開いてはいけない52の理由(の1つ)
色彩センスのいらない配色講座
サルでもわかるHTML5超入門
0からのウェブディレクション講座:設計編 v5.3
DeNA_国内のアプリマーケティング手法、各プレイヤー、状況のまとめ
HTML5マークアップの心得と作法
What's LibreOffice Japanese Team / LibreOffice日本語チームってなんだろう?
これまでウチが構築してきたMT案件のこと、すべて晒します
Webデザイナーのためのandroid用レイアウト講座

Similar to MTを今すぐCMSとして使いたい人のための60分急ごしらえセミナー

PDF
WordPress on Movable Type
PPTX
Movable Type Presentation CMS Osaka Fes 2016
PDF
始めよう! 新サービス MovableType.net の全て
PPTX
20150729 cloud handson
PPTX
20150930 MTCloud handson
PPTX
20150708 cloud handson
PPTX
20160121 hachioji mt_cloud_handson
PPTX
20160927 okubo mt_cloud_handson
PDF
Presentation seat
 
PPTX
20150124 mt nagano_publish
PPT
MTDDC Meetup FUKUSHIM 2010プレゼン資料
PPTX
Movable type seminar 20120521
PPTX
20140903 Movable Type Seminar
PDF
他システムとの連携開発事例に見る Movable Type の可能性
PPTX
20141117 movable type seminar
PPTX
20140924 mt cloud_handson_seminar
PPTX
20141206 handson
PPTX
20141101 handson
PPTX
20141119 Movable Type HandsOn Seminar
PPT
Wordcamp yokohama2010
 
WordPress on Movable Type
Movable Type Presentation CMS Osaka Fes 2016
始めよう! 新サービス MovableType.net の全て
20150729 cloud handson
20150930 MTCloud handson
20150708 cloud handson
20160121 hachioji mt_cloud_handson
20160927 okubo mt_cloud_handson
Presentation seat
 
20150124 mt nagano_publish
MTDDC Meetup FUKUSHIM 2010プレゼン資料
Movable type seminar 20120521
20140903 Movable Type Seminar
他システムとの連携開発事例に見る Movable Type の可能性
20141117 movable type seminar
20140924 mt cloud_handson_seminar
20141206 handson
20141101 handson
20141119 Movable Type HandsOn Seminar
Wordcamp yokohama2010
 

More from Mayumi Ishikawa

PDF
理想の写真に近づく!RAW現像ビフォー/アフター実践ワークショップ
PPTX
知られざる最強の写真管理&カメラアプリ! これだけ聞けば誰でも使いこなせるLightroom活用術
KEY
TeckLION Vol.8 by @mayumine
PDF
知られざる最強の写真管理&カメラアプリ! これだけ聞けば誰でも使いこなせるLightroom活用術
PDF
脱プログラムオート! 抑えるべきカメラの設定5つレンズの話
KEY
Perl と人生(Perl and Life)
KEY
Perlが決めるWebの未来
理想の写真に近づく!RAW現像ビフォー/アフター実践ワークショップ
知られざる最強の写真管理&カメラアプリ! これだけ聞けば誰でも使いこなせるLightroom活用術
TeckLION Vol.8 by @mayumine
知られざる最強の写真管理&カメラアプリ! これだけ聞けば誰でも使いこなせるLightroom活用術
脱プログラムオート! 抑えるべきカメラの設定5つレンズの話
Perl と人生(Perl and Life)
Perlが決めるWebの未来

MTを今すぐCMSとして使いたい人のための60分急ごしらえセミナー


[8]ページ先頭

©2009-2025 Movatter.jp