ファイルアップロード時、サムネイル画像のサイズを固定する方法

久々に、MovableTypeのTipsです。
タイトルの通りなんですが、画像をアップロードする時にサムネイルを作る場合にサイズを設定しなければいけなくて、デフォルトではアップロードした画像のサイズが表示されています。
サムネイルというぐらいだから小さめの画像を作りたいわけで、どうしても直接数値を入力しなければいけないわけです。
僕の場合、アップする画像は680×480、サムネイルは200×150と決めているので、ぜひともここは固定させたいと思ったわけです。
かねてからどうにかなんないかなぁと思いながらも後回しにしてきましたが、今日オートサロンの画像をアップしているときに我慢できなくなりました。
「60枚近くある画像をアップするのに、いちいち数値を直してられん!!」
という事で、重い腰を上げたわけです。


修正するファイルは、
/tmpl/cms/upload_complete.tmplの123行目と132行目です。

<input name=”thumb_width” id=”thumb_width” value=”<TMPL_VAR NAME=WIDTH>” onchange=”adjustWidthHeight(this.form, 1)” size=”4″ />

<input name=”thumb_width” id=”thumb_width” value=”200” onchange=”adjustWidthHeight(this.form, 1)” size=”4″ />

<input name=”thumb_height” value=”<TMPL_VAR NAME=HEIGHT>” onchange=”adjustWidthHeight(this.form, 0)” size=”4″ />

<input name=”thumb_height” value=”150” onchange=”adjustWidthHeight(this.form, 0)” size=”4″ />

にすればOKです。
ついでにあと二つ、ファイルのアップロード方法というのがあって、アップロードした画像を使って新たにエントリーを作成する方法と、画像のHTMLを表示する方法です。僕は、画像のHTMLを表示する方法をよく使いますが、ラジオボタンはデフォルトで新たにエントリーを作成する方に設定されているので、これも変更してあげなければなりません。ここもついでに、HTMLの方が最初からチェックが入るように変更します。
変更箇所は、108~109行目です。

<label><input type=”radio” name=”new_entry” value=”1″ checked=”checked” /> <MT_TRANS phrase=”Create a new entry using this uploaded file”></label> <a href=”#” onclick=”return openManual(‘file_upload’, ‘creating_a_new_entry’)” class=”help”>~</a><br />

<label><input type=”radio” name=”new_entry” value=”0″> <MT_TRANS phrase=”Show me the HTML”></label>

を、

<label><input type=”radio” name=”new_entry” value=”1″> <MT_TRANS phrase=”Create a new entry using this uploaded file”></label> <a href=”#” onclick=”return openManual(‘file_upload’, ‘creating_a_new_entry’)” class=”help”>~</a><br />

<label><input type=”radio” name=”new_entry” value=”0″ checked=”checked” /> <MT_TRANS phrase=”Show me the HTML”></label>

にするだけです。簡単ですね。続いてもう一個。これが最後です。
僕は、常にサムネイル画像を作りますが、これは「サムネイル画像を作る」という項目にチェックを入れないと生成されません。で、デフォルトはもちろん未チェック...という事で最初からチェックされているように変更しましょう。
変更箇所は117行目です。

<p><label><input type=”checkbox” name=”thumb” value=”1″><MT_TRANS phrase=”Create a thumbnail for this image”></label> <a href=”#” onclick=”return openManual(‘file_upload’, ‘creating_thumbnails’)” class=”help”>~</a></p>

を、

<p><label><input type=”checkbox” name=”thumb” value=”1″ checked=”checked” /><MT_TRANS phrase=”Create a thumbnail for this image”></label> <a href=”#” onclick=”return openManual(‘file_upload’, ‘creating_thumbnails’)” class=”help”>~</a></p>

という感じでちょっと追加してあげるだけです。上のロジックをコピペすれば多分最速です♪

コメント