« スタイルシートとクラス名の関係 | メイン | スタイルシート参照ツール »
画像つきエントリを作成しよう(サムネイルあり版)[ エントリ ]
サムネイルつきのエントリを作ります。
上の画像、クリックすると大きな画像を見ることが出来ます。
大きな画像を指定するだけで、こうやって小さな画像を用意してそこから大きな画像にリンクまで自動的に貼ってくれてしまうってわけ。便利!
さて、さっそく作成してみましょう。
まず、BLOGの管理画面で
![]()
このボタンをクリックします。

この画面が出てくるので、「ファイル:」の「参照」ボタンをクリックして、使いたい画像を指定します。
で、「Local Archive Path」のラジオボタンを選択します。
僕は、画像をアップロードする時には「追加のPath」で「images」を指定してますが、これは指定しなくても全然問題ないです。
で、ここまで出来たら、「UPLOAD」ボタンをクリックです。
ここまでは、サムネイルなし版と同じ。
![]()
この画面が出るので、「Uploadしたファイルを使って、新しいEntryを作る」を選択します。
「UploadしたファイルのHTMLを表示」はとりあえずファイルだけアップロードして、それを表示するためのHTMLを手に入れるために使うものです。
で、今回のポイント!
幅と、高さに作成したいサムネイルの大きさを入れます。
今回は、長辺120ピクセルにしてみましたが、いつもは160くらいにしています。
ま、でも、これ自由に決めてください。
「このイメージのサムネイルを作る」にチェックを入れます。
特別な意図がなければ、「縦横比を固定する」のチェックは外さない方がいいでしょう。
で、「EMBEDDEE IMAGE」か「POPUP IMAGE」をクリックします。
「EMBEDDEE IMAGE」なら今開いているブラウザの同じウインドウ内に画像を表示、「POPUP IMAGE」なら新しいウインドウを開いて表示してくれます。
これは、お好みで……。
すでに「Entryの内容」の中に、画像を表示するためのHTMLタグが書き込まれているので、これに追加して文章を入力していきましょう。

これを消さないように、下に追加する形で、文章を書き込みましょう。
この時、タグと、文章の間に一行、空の改行を入れておくといいかもしれません。
で、いつものように「SAVE」すれば、エントリが出来ます。
文章で書くとちょっと難しそうですが、やってみると簡単なので、挑戦してみて下されませ。
投稿者 CHEEBOW : 2003年5月22日 15:38
トラックバック
このリストは、次のエントリーを参照しています: 画像つきエントリを作成しよう(サムネイルあり版):
» CentOS4.1-x86_64 に Image::Magick をインストールする from mega green oasis +
MOVABLETYPE 3.2ja の設定途中、過去の記録を参照しながら、最新版の Image::Magick (ImageMagick-6.2.5-0.... [続きを読む]
トラックバック時刻: 2005年10月11日 02:06
コメント
教えて下さいm__m
[このイメージのサムネイルを作る]
と云う項目が現れないのですが、何が足りないのでしょうか?
画像は問題なくアップロード出来、普通に画像は表示されてます。
投稿者 まとん : 2003年5月31日 19:01
もしできるなら、メールアドレスとかURLとか書いてもらえるとうれしいです>まとん
どこのサーバでMTインストールされたんでしょうか?
おそらく、Image::Magickとかサムネイル作成に必要なものがインストールされていないのではないかと思います。
投稿者 CHEEBOW : 2003年6月 1日 01:38
僕にも教えてくださ~い。下記サイトでMTを始めたばかりの初心者です。
http://www.uemura.to/
ちなみにImage Magic関係はmt-check.cgiによるときちんと入っているようです。
----------------------------------
CHECKING FOR REQUIRED MODULES:
Image::Size...
Your server has Image::Size installed (version 2.93).
CHECKING FOR OPTIONAL MODULES:
Image::Magick...
Your server has Image::Magick installed (version 5.51).
----------------------------------
ご教授よろしくお願い申し上げます。m(_ _)m
yutaka
投稿者 yutaka : 2003年7月24日 14:27
すみません、現象面を入れてませんでした。
ファイルのアップロードまではできます。
サムネイルをつくらない、原寸のままであれば画像を埋め込んだエントリも作れます。でも、サムネイルを作ろうとするとInternal Server Errorになってしまうのです。
Apacheのエラーログには以下のように出力されます。
Premature end of script headers: /home/uemurat/public_html/cgi-bin/mt/mt.cgi
cgi-bin以下のファイルは全て755でパーミッション設定しています。
sshで入って、mt.cgiを実行すると、出力されるhtmlの末尾にこのようなものが付加されていました。
(MT::App::CMS=HASH(0x83a3fd4) Use of uninitialized value in pattern match (m//) at lib/MT/App/CMS.pm line 222.
MT::App::CMS=HASH(0x83a3fd4) Use of uninitialized value in substitution (s///) at lib/MT/App.pm line 387.
MT::App::CMS=HASH(0x83a3fd4) Use of uninitialized value in split at lib/MT/App.pm line 388.
MT::App::CMS=HASH(0x83a3fd4) Use of uninitialized value in concatenation (.) or string at lib/MT/App.pm line 392.
MT::App::CMS=HASH(0x83a3fd4) Use of uninitialized value in concatenation (.) or string at lib/MT/App.pm line 392.
お手数おかけしますが、何卒宜しくお導きくださいませ。m(_ _)m
yutaka
投稿者 yutaka : 2003年7月24日 14:34
mt.cfgの問題でしょうか? うむむ>yutaka
mt.cfgの「ImageDriver」の設定を変えていたりしませんか?
投稿者 CHEEBOW : 2003年7月24日 16:34
コメントありがとうございます>CHEEBOW
mt.cfgのImageDriverの部分は以下の通りです。
----------------------------------
# Specifies the image toolkit used to create thumbnails from uploaded images.
# By default, the ImageMagick library and Image::Magick Perl module are used;
# if your system does not have these, you can use the NetPBM tools instead
# (assuming that your system has these tools installed). Possible values for
# this setting are "ImageMagick" or "NetPBM".
#
ImageDriver ImageMagick
#
----------------------------------
問題ないと信じているのですが.....
並行してホスティングサービス側のImage Magickのインストール状況も確認してもらっております。もしかしたらホスト側の問題だったりして。
Yutaka
投稿者 yutaka : 2003年7月28日 09:46
あ、ここコメントアウトしておいていいと思います。
ImageDriver ImageMagick
じゃなくて、
#ImageDriver ImageMagick
ってことですけど。
これが問題なのかどうかは分かりませんが、少なくとも僕のところではコメントアウトしてます。
投稿者 CHEEBOW : 2003年7月29日 14:06
うーん、早速試してみましたがダメでした。残念(@@;)。
ターミナルからログインして、LinuxユーザとしてコマンドラインからImage Magickを使おうとしてもエラーになるのですよ。Image Magick関連ページからPerlスクリプトを持ってきて動かしてみたのですが。
現在ホスティングサービスへサポートを依頼しています。
また進展あったらご報告します。
たびたびコメントいただいてありがとうございます。
投稿者 yutaka : 2003年7月30日 18:02
いろいろおさわがせしました。結局ホスティングサービス側でImage Magickのインストール時に不具合があったようです。今はすっかりうまく動くようになりました。
ありがとうございましたm(_ _)m>CHEEBOW
投稿者 yutaka : 2003年8月 6日 09:20
始めまして!
ヨコヤリ失礼します。
自分も同じような事になって、ImageMagicを使わない設定
#ImageDriver ImageMagick
にしたら、サムネイルが出るようになりました。
投稿者 Hiro : 2004年1月 7日 12:19
私もはじめまして。
私も同じことになって,もう暫く出来るまでの間は,画像のサイズを指定することがmt.cfgの中で出来ないかまたはindexの書き換えで指定できないのか調べていますが,さっぱり判りません。何か方法はあるのでしょうか?
投稿者 show : 2004年1月15日 06:49
im enjoying this website a lot
投稿者 online casino : 2004年1月21日 05:09
>show
サーバに、サムネイルを作るために必要なライブラリがインストールされてないと難しいです。
このあたりを参考にされるといいかと思います。
投稿者 CHEEBOW : 2004年1月21日 18:13
はじめましてINOです。
これからMovableTypeを使ってホームページを作成しようと、サーバー(FedoraCore3)にインストールしました。
しかしImageMagicが入っておらず、
#yum install ImageMagick-devel
#yum install ImageMagick-perl
#yum install ImageMagick
とコマンドをうちインストール。(tarボールを扱ったことが無くmakeコマンドも扱ったことがないため・・・)
また”ImageDriver ImageMagick”とmt.cfgの設定も行なって見ました。
その結果mt-check.cgiの実行結果ではちゃんとインストールされていることが確認されました。
しかし、これまで通りにエントリー画面に入っても ”画像の挿入ボタン”が出てきません。ライセンスタイプは個人限定無償版を使っています。また、mt-load.cgiをもう一度アップロードして実行したら、一度実行しているからもうやるなと、おこられます。
今まであるMTを全て消して再インストールしないと”画像の挿入ボタン”は出てきませんか?
御指導下さい。
投稿者 INO
: 2005年8月28日 22:19
自己レスです。
メニューの[ファイルのアップロード] で画像をアップロードできました。
画像をアップロードしjpg・gifのアップロードが出来ることを確認しました。またポップアップウィンドウ(サムネイル?)で表示される事も確認しました。
御迷惑をお掛けいたしました。ありがとうございました。
投稿者 INO
: 2005年8月29日 23:05