mtddc meetup fukushima:dreamweaverを利用したmtテンプレート制作の効率化
Post on 24-Dec-2014
907 Views
Preview:
DESCRIPTION
TRANSCRIPT
Dreamweaverを利用したMTテンプレート制作の効率化
MeetupFUKUSHIMA2010
2010.11.6 ビッグパレットふくしまdreamseeker 國分 亨
/ 20
自己紹介
2
• フリーランスでWeb制作してます• 基本的に「マイペースで自由な人」結構「ガンコ」らしいです
• 大学の講師や執筆活動などもやってます
國分 亨(こくぶん とおる)dreamseekergabs おしゃべり担当
早速ですが・・・
/ 20
MTテンプレート制作を効率化するポイント
4
ブラウザ上で編集するのが苦手 ファイルリンク
沢山あるMTタグを覚えるのが大変 機能拡張
いつも同じコードをネットで検索してしまう コードスニペット
Dreamweaver 機能拡張
/ 206
Movable Type タグライブラリfor Dreamweaver 機能拡張(MT 5対応)
http://goo.gl/XgWl4
/ 207
デモします
Dreamweaverのスニペット機能
/ 20
スニペット化しておくと便利なコード例
10
利用頻度の高いものお知らせ一覧、アセットの表示
条件分岐n件目で●●をする
MTプラグインプラグインごとの専用コード
検索結果ページナビゲーション、文書構造
スニペットの種類( 選択範囲を囲む・ブロックを挿入 )をうまく使い分けて、さらに効率アップ!
デモします
ファイルリンク
/ 20
ファイルリンクを利用するには
13
DreamweaverでMTテンプレートを編集
管理画面でファイルへのリンクを指定
ファイルをFTPでアップロード
ウェブサイトまたはブログの再構築
デモします
余談:再構築をちょっと効率化
/ 2016
まとめ
/ 20
まとめ
19
•Dreamweaver 機能拡張で、MTタグやモディファイアのスペルミスを軽減
•よく使うコードをスニペットへ登録して再利用
•テンプレートをファイルとリンクさせ、Dreamweaverで編集
これらを組み合わせて、効率的にMTテンプレートを作りましょう!
top related