Movable Typeのインストール方法、Movable Type用のプラグイン、Ajaxを使ったカスタマイズ例などをご紹介しています。「あんなことできないかなぁ」、「こんなことできたらいいなぁ」を形にしていきたいですの。

Movable Type 備忘録

MovableTypeでモブログやってみよ３

Apr082006
Vote:
http://bizcaz.com/archives/2006/04/08-025401.php
Categories: Customize
Tags: MTmail
Social Bookmark

Prev Page: テクノラティにタグ情報を送信する
Next Page: カテゴリ・アーカイブでもトラックバックを受け付けてみる

前回のMovableTypeでモブログやってみよ２では、MT4iによって、携帯からエントリを投稿するmoblog(モブログ)について紹介しました。また、前々回のMovableTypeでモブログやってみよでは、サイトにユーザ登録することで、携帯からは閲覧できませんが、エントリの投稿に限ったmoblog(モブログ)について紹介しましたね。

今回紹介するmoblog(モブログ)も、前々回同様にエントリの投稿に限定したmoblog(モブログ)について紹介したいと思います。

今回参考にしたサイトは、その日暮らし様です。

サイトがリニューアルされてました。⇒ MTmail

ここで紹介するmoblog(モブログ)は、MTmailというサービスを利用して実現します。MTmailについて、以下引用します。

MTmailとは

今までのモブログは「タイトル＋本文」が基本。
主にオプション機能的な扱いとなり、記事ごとのカテゴリ指定、トラックバックにも未対応。
レイアウトにもこだわりはなく、撮った写真をそのまま貼り付けるだけの単純さ－もちろんこの機能で十分な場合もあります。
しかしブログの機能、ささやかれる将来性の割には、あまりに貧祖な仕様に思えてしまいます。
そこでMTmailはモブログ機能の充実、またメール投稿の可能性に注目しました。

MTmailを利用すれば、携帯電話での『モブログ』はもちろん、PCからのブログ投稿も『全て』メール一通で可能になります。
また携帯のムービー投稿にも対応。

外部リンクではなく、あなたのブログ上で直接再生する事が可能です。

タイトル、本文はもちろんの事、カテゴリー指定や複数ブログへの投稿、追記、トラックバックetc...フォーム上から利用できる項目は、ほぼ全てメールから指定する事ができます。

もちろん携帯からの画像・ムービー投稿の他、PCからの添付ファイルもOK！
自動リサイズ機能搭載の「サムネイル表示」により、あなたの大切なブログエリアを浪費しません。

また独自のJavaScriptやFlashを併用すれば、更に凝ったレイアウトも可能になります。

MTmailについて、分かりましたか？
前々回のMovableTypeでモブログやってみよでは、純粋にエントリの投稿だけで、上記引用で言われるように、なんとなく味気ないエントリとなってしまっていました。
わたしの相方♪

ですが、MTmailサービスによるmoblog(モブログ)は、静止画の投稿はもちろんのこと、大きな画像はサムネイルにして投稿もできたり、動画も添付できたりなど、機能も充実しています。
公開前に一度確認したい…下書き機能とか、追記もできたります。

また、わたしが1番気になったのは、携帯から投稿したときの改行の扱いです。
こちらのMovableTypeでモブログやってみよでは、携帯画面では改行させていたのに、いざ投稿してブログを確認してみると、まったく改行が入っていませんでした。

その点、MTmailサービスでは、しっかり改行されていました。

ユーザ登録もカンタンですし、moblog(モブログ)設定も分かりやすく説明されています。
また、MovableType(ムーバブルタイプ)以外のブログなどにも対応しているようです。

モブログの設定手順

では、さっそくmoblog(モブログ)の設定手順について説明します。

まず、moblog(モブログ)用のユーザを登録します。
システム・メニュー＞投稿者とクリックしていき、画面右上にある「投稿者を新規作成」というリンクをクリックします。

各必要な項目を入力して、必ず右端にある「関連付けるブログ」のチェックボックスをオンにしてください。
ちなみに、わたしのmoblog(モブログ)用ユーザは、moblogとしました。

一通り入力したら、「変更を保存」ボタンをクリックします。
moblog(モブログ)用ユーザの権限設定を行います。
ユーザ登録すると、権限設定画面に遷移しますので、そこでは必ずブログの管理者権限のチェックボックスをオンにします。
そしたら、「変更を保存」ボタンをクリックしてください。
APIパスワードの設定を行います。
ユーザ登録できたら1度ログアウトして、新規ユーザでログインしてください。

先ほどと同じ投稿者の画面下の方に「APIパスワード」とありますので、そこにMTmailからのログイン時に利用するパスワードを入力して、「変更を保存」ボタンをクリックします。
次に、MTmailサービスにユーザ登録します。
こちらのMTmailをクリックして、画面右上にある「ご利用登録」をクリックします。利用規約に同意してメールアドレスなどを入力します。

しばらくすると「MTmail::ご利用登録確認」というメールが届きますので、メール内の支持に従ってください。

後は、画面の指示に従ってmoblog(モブログ)の設定を進めていくだけです。
以下にわたしが設定した内容を記します。
1. ■ XML-RPC エンドポイントURL：
2. ・「MovableType（要手動入力）」を選択します。
3. ・MovableType(ムーバブルタイプ)をインストールしたディレクトリの中に mt-xmlrpc.cgi というファイルがあります。
4. 　そのファイルのURLを指定します。例えば、http://lala.com/mt/mt-xmlrpc.cgi となります。
6. ■ 投稿者のログイン情報：
7. ・作成したmoblog(モブログ)ユーザ名とAPIパスワードを入力します。
9. ■ 画像保存先ディレクトリ名：
10. ・わたしの場合は、moblog(モブログ)からの投稿要にmoblogカテゴリを作成しています。
11. 　イメージファイルもmoblogカテゴリの中にイメージディレクトリを作成してそこに保存されるようにしています。
12. 　その場合の入力は、moblog/image/ と入力しています。
14. ■ 認証コード（投稿用パスワード）:
15. ・本人確認用のパスワードです。先ほどのユーザ登録したパスワード、APIパスワードとは異なります。
17. ■ 投稿先ブログ（カッコ内はブログID）：
18. ・投稿先ブログを選択します。
20. ■ 投稿先カテゴリー：
21. ・デフォルトの投稿先となるカテゴリ名を入力します。わたしの場合は、作ったmoblogカテゴリを指定しました。
23. ■ コメント：
24. ・「オープン」を選択しました。
26. ■ テキストフォーマット：
27. ・「改行を反映する」を選択しました。メールでの改行をそのまま本文に反映されます。
29. ■ トラックバック：
30. ・「受け付ける」を選択しました。
32. ■ サイトの再構築：
33. ・「再構築は行わない（保留）」を選択しました。
34. 　携帯からの投稿時にすぐに公開したい場合には、ここでは「投稿と同時に再構築」を選択します。
36. ■ 新規投稿一覧への掲載：
37. ・「掲載する」を選択しました。
39. ■ 画像の表示方法：
40. ・「独自HTMLで制御」を選択しました。
42. ■ 画像表示用HTMLソース：
43. ・以下のコードに変更しました。
44. 　<a href="javascript:void(0);" onclick="window.open('','popup','width=,height=,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="" width="" height="" hspace="10" border="0" class="pict" /></a>
45. 　クラス定義を追加しておくことで、後々スタイルが設定できます。
47. ■ サムネイル画像のリサイズ：
48. ・「リサイズを行う」を選択しました。
50. ■ サムネイル画像の縦横基準サイズ：
51. ・サムネイル画像のサイズです。150ピクセルに設定しました。
53. ■ 拡大画像の生成（クリックで表示される画像）：
54. ・サムネイル画像クリックによる拡大画像の指定です。「生成する」を選択しました。
56. ■ 拡大画像のリサイズ：
57. ・拡大画像の加工方法を指定します。「そのままのサイズで掲載」を選択しました。
59. ■ 拡大画像の縦横基準サイズ：
60. ・拡大画像のリサイズ時、基準となる縦横一辺のサイズを指定します。デフォルトのままです。
62. ■ PNG画像をJPEG画像に自動変換：
63. ・「PNGのまま掲載する」を選択しました。JPEG変換したい人はもう1つの方を選択します。
65. ■ ムービー（FLASH）の表示に関する設定：
66. ・デフォルトのまま使用しています。
68. ■ 改行の除去：
69. ・「利用する」を選択しました。
71. ■ 改行をに変換：
72. ・「利用する」を選択しました。
74. ■ 文末の不要な改行を除去：
75. ・「利用する」を選択しました。
77. ■ 文末の不要な空白を除去：
78. ・「利用する」を選択しました。
以上が、わたしが設定した内容です。