Page 1
【MT東京-23】春のプラグイン祭り 2016-04-23(土)at テコラスカフェ(NHNテコラス株式会社)
MTサイト運用に効く! けっこう便利なプラグインたち
Page 3
西山 泰史 にしやま やすふみ
株式会社ジャクスタポジション 札幌市在住のWebディレクター Movable Type でのサイト構築 2013年よりMT蝦夷を主宰 好きなMTタグはMTIf 三度の飯より食べることが好き
Page 5
Webデザイナーのためのショッピングカート
SKELETON CART http://skeleton.juxtaposition.jp/
Movable Typeの画像アップロード機能補助プラグイン
ImageUploadUtility http://skeleton.juxtaposition.jp/image-upload-utility/
Movable Type用プレビュー機能強化プラグイン
DynamicPreview http://skeleton.juxtaposition.jp/dynamic-preview/
Page 10
Movable Typeの画像アップロード機能補助プラグイン
ImageUploadUtility http://skeleton.juxtaposition.jp/image-upload-utility/
Movable Type用プレビュー機能強化プラグイン
DynamicPreview http://skeleton.juxtaposition.jp/dynamic-preview/
Page 11
Movable Typeの画像アップロード機能補助プラグイン
ImageUploadUtility http://skeleton.juxtaposition.jp/image-upload-utility/
Page 13
1. アップロード・リサイズ 2. パブリッシュ・サムネイルリサイズ 3. マルチバイト・リネーム 4. Exifコントロール 5. JPEG画像圧縮率指定 6. 拡張子変換 7. ウォーターマーク合成 8. PDFサムネイル作成 9. 複数画像アップロード
Page 14
アップロード・リサイズ アップロードするアイテム画像を
指定サイズへ自動リサイズ
Page 15
スマートフォンやデジカメで撮影した写真を そのままアップロードしてOK
Page 16
長辺だけじゃなく、指定幅で揃えることもOK
Page 17
パブリッシュ・サムネイルリサイズ アイテム画像のサムネイルが
指定サイズを超える場合に自動リサイズ
Page 18
サムネイルが大きすぎて レイアウトからはみ出てしまうことを防ぐ
Page 19
マルチバイト・リネーム マルチバイト文字を使用したファイル名を
半角英数字に自動変換
Page 20
例えば「写真.JPG」をそのままアプロードすると…
Page 21
変換フォーマットで日時やランダムな文字列へ変換できる
Page 22
Exifコントロール 写真の向きを自動補正
撮影した時の情報を自動削除
Page 24
iPhoneで撮影した写真 (位置情報をONにしている場合)
撮影日時や機種情報だけじゃなく、 位置情報もハッキリと解っちゃうので、 これを自動削除!
Page 25
圧縮率を65%とすると、75KB → 33KBに削減できた。
友情出演:つよぽん(MT福岡)
JPEG画像圧縮率指定 JPEG画像のアップロード時、
圧縮率を変えてファイルサイズを削減
Page 26
拡張子を小文字で統一する
初期状態では、拡張子が大文字のファイルをアップロードする際、PCブラウザ→ 拡張子は大文字のまま/スマートフォンオプション→ 小文字に変換される別のアイテム画像と認識されてしまうため、拡張子を強制的に小文字化してしまう機能を付与引用:拡張子が大文字の画像をMovable Typeのアイテムに登録する時|DRIVEMENUTS.COM
Page 27
ウォーターマーク合成【Pro版】 アップロードする画像に
オリジナルの透かし画像を合成
Page 28
透かしの位置、透明度を任意に設定 すべての画像で合成するか否かも設定可能
Page 29
PDFサムネイル作成【Pro版】 アップロードするPDFの表紙を画像に自動変換 そのサムネイルからPDFへリンクする状態で
ブログ記事へHTMLを挿入(全自動)
Page 30
ファイルオプションでサムネイルサイズや ターゲットウィンドウを選択可能
Page 31
複数ファイルアップロード【Pro版】 MT6.2のそれとは似てるようで違うもの
Page 32
記事編集画面へのドラッグ・アンド・ドロップで 複数の画像を登録可能
Page 33
アップロード前に写真の並び替えが可能 (HTMLソースで並び替えなくってOK)
Page 34
アップロード先「カスタム」を 選択後にもキャンセル可能
Page 35
設定を複数画像に一斉適用したり、 代替テキストを画面遷移なく入れられる。
Page 37
Commercial 9,000円(税別) Personal 0円 <導入例> 学校法人(幼稚園など)、お花屋さん、一般企業
ImageUploadUtility
Page 38
Commercial 27,000円(税別) <導入例> 学校法人(大学など)、研究機関(大学院など)、メディア系企業(Webメディア、TV放送局など)
ImageUploadUtility Pro
Page 39
評価版あります。 ぜひ、お試しください。
Page 40
Movable Type用プレビュー機能強化プラグイン
DynamicPreview http://skeleton.juxtaposition.jp/dynamic-preview/
Page 41
1. プレビューを別ウインドウで表示 2. プレビューを動的に生成・表示 3. 複数テンプレートを一括表示可能 4. SSIインクルード対応 5. ベースURL設定可能 6. URL/文字列置換可能
Page 42
複数テンプレートを一括表示可能 例えばブログ記事テンプレートが PC用とSP用で分かれている場合
Page 43
記事投稿画面でプレビューするテンプレートを 「すべて/個別」から選択することが可能
Page 44
プレビュー画面ではテンプレートごとに 別々のタブで表示されます
Page 45
ベースURL設定/URL・文字列置換【Pro版】 例えば開発環境と公開環境が別サーバーの場合
Page 46
テンプレートで相対パスを使用している場合 <base>のURLを設定することが可能
http://www.exapmle.com/,記事 http://mobile.exapmle.com/,スマートフォンサイト用記事
Page 47
テンプレートでURLパスを使用している場合 任意の文字列を置換したい場合
http://www.example.com/,http://cms.example.com/,記事
Page 48
DynamicPreview「2つ」の新機能 待ち焦がれた機能が現実に! (GW明けにリリース予定)
Page 49
【新機能1】インデックステンプレート、 アーカイヴテンプレートのプレビュー
プレビューしたいのはブログ記事だけじゃない
Page 50
それは昨年11月 MTDDC Meetup TOKYOでのこと
Page 51
記事アーカイヴのない一覧のみのページをプレビューしたい。 さらに未公開状態の記事もプレビューしたい。 (CMSプロレス初代王者チーム 木村康子さん)
Page 52
プラグインの設定で、 対象のテンプレートのIDを登録すると
プレビューテンプレートで それらを選択可能になる
Page 53
もちろんプレビューはタブで切り替えて表示可能
Page 54
プラグインの設定で「未公開/日時指定記事」も プレビューに含めるように設定可能
記事/ページ公開前にも「完成形」が見られる
Page 55
【新機能2】 プレビューを第三者にも見てもらいたい
プレビューしたいのは自分だけじゃない
Page 56
例えば運用中のMTサイトで 記事の作成・更新を制作会社が請け負っている場合
更新内容の確認ってどうやっていますか?
Page 57
プレビュー画面に「メール送信」ボタンを実装
Page 58
プレビュー画面を開いたまま プレビューをお願いできる
Page 59
宛先はそのMTにあるアカウントから選択 届いたメールのリンクから
管理画面へログインしてプレビューを見る
Page 60
送信されるメールのテンプレートは プラグインの設定画面で変更可能
(MTタグ、使えます)
Page 61
でもせっかく作ったファイルを 勝手に変更されたくない!
しかも「壊れちゃった…てへ」とか(涙)
Page 63
プレビュー権限だけの人は「編集」ボタンが非表示 編集権限を持っている人は「公開」も可能
簡易なワークフロー機能としても利用可能
Page 64
気になるこれらの新機能は… ①インデックス/アーカイブのプレビュー →通常版でも実装
②プレビュー権限の追加 メール送信機能 →Pro版でのみ実装
Page 66
通常版 10,000円(予定価格/税別) Pro版 30,000円(予定価格/税別)
DynamicPreview
評価版あります。 ぜひ、お試しください。
Page 67
ウェブサイト制作会社だから生まれたプラグイン ImageUploadUtility / DynamicPreview ぜひ日々のMTサイト運営にご利用ください。
後方のブースにもおりますのでお気軽に!
【MT東京-23】春のプラグイン祭り 2016-04-23(土)at テコラスカフェ(NHNテコラス株式会社)
MTサイト運用に効く! けっこう便利なプラグインたち