ブログ

2008.9.7, 日曜

Fileエクステンション

EEフォーラムで、Fileエクステンションというのを教えていただきました。

File — docs.markhuot.com


普通、EEでブログ記事に画像を添付しようと思うと、
こんな風に、エディトボックスにファイル名を入れてください、というフォームになります。
ファイル自体はUploadFileからアップロードしてね、ということです。
これは直感的でなくて、記事を書く人が初心者である場合、結構な障壁になっていました。
ぶっちゃけ、これが原因でmovabletypeにしようかなぁ、と思ったことも。
このFileエクステンションを使うと、こんな風にできます。

これなら普通のブログと同程度の難易度に下げることができますね。

インストール方法

  1. File — docs.markhuot.comから最新版をダウンロードしてきて、解凍する
  2. ext.mh_file_ext.phpファイルをsystem/extensionsディレクトリに置く
  3. lang.mh_file_ext.phpファイルをsystem/lang/englishディレクトリに置く
     (もし英語以外のランゲージパックを使っているのであれば、その言語のディレクトリにもコピーしておく)
  4. iconsフォルダをimagesディレクトリに置く
  5. EEのコントロールパネルで、Admin > Utilities>Extensions Manager とたどっていって、Enable Extensionsを押す。何回か確認のポップアップが出てきます。
  6. weblogのカスタムフィールドに、Fileというフィールドタイプが選べるようになっているので、これを使って新しいフィールドを作る

そうすると、weblogの入力画面では、最初に書いたようなインターフェイスでファイルがアップロードできるようになります。

テンプレートの書き方

テンプレートでは、さっき作ったFileタイプのフィールドのFieldNameを使います。
たとえば上の例だと、main_imageという名前のFieldを作ったので、
{main_image}
count
:{count}
total_results
:{total_results}
file_name
:{file_name}
file_url
:{file_url}
file_thumb_name
:{file_thumb_name}
file_thumb_url
:{file_thumb_url}
{
/main_image}
という具合に書くと、
count:1
total_results:1
file_name:CA317439.JPG
file_url:http://mogya.com/images/uploads/CA317439.JPG
file_thumb_name:CA317439_thumb.JPG
file_thumb_url:
という具合に出力されます。
実際の記事では
{main_image}
<img src={file_url}/>
{/main_image}
というような感じですね。

コメント

名前:

メールアドレス:

URL:

コメント:

ログイン情報を記憶

回答コメントをメールで知らせてもらいますか?


下記の文字を記入してください