ホーム >> ブログ監修者の記事 >> MovavleTypeでの写真の表示の仕方

MovavleTypeでの写真の表示の仕方

投稿者 ienaga:2005年10月18日 15:24

返事が遅くなりまして、申し訳ありません。ご質問いただいていた、MovavleTypeでの写真の表示の仕方の件です。

このブログのビジュアル化のために、
写真を入れていきたいのですが、
なにをどうすればよいのでしょうか、
ご教示くださいませ。

というわけで、これから、MovavleType(3.15)で、写真をアップする方法を説明させていただきます。

まず、撮った写真のデータを、パソコン上のわかりやすい場所(デスクトップなど)に用意しておいてください。本格的なデジカメで撮った写真の場合は、写真のデータサイズが大きいため、この段階でPhotpshopなどの画像処理ソフトで加工する必要がありますが、携帯で撮った写真なら、多分そのままアップしても大丈夫でしょう。

写真の名前が「英数字.jpg」になっていない場合は、変更してください。日本語の名前の写真だと、見る人の環境によってはその写真が閲覧できなくなってしまいます。ここでは「kao02.jpg」をアップすることとして話を進めます。

早速、MovavleTypeの管理画面に入ります。

1.管理画面の左側、上から3つめ「ファイルのアップロード」をクリック

up01.gif


2.「参照」ボタンを押して、アップしたい写真ファイルを指定してください。

up02.gif

up03.gif


3.アップロード先は、EIZO通信のMovavleTypeでは「images」にあらかじめ設定されていますので、ここはいじらなくても大丈夫です。そのまま「アップロード」ボタンを押してください。

4.「ファイルをアップロードしました。」と表示が出れば、サーバーに写真がアップされました。続いて、アップした写真を使った記事を作成する準備に入ります。

5.「アップロードしたファイルを使って、新しいエントリーを作る」か、「アップロードしたファイルのHTMLを表示」かを選びます。これから新しく記事を書くなら前者、既に書きかけているなら後者を選べばいいでしょう。

6.「埋め込み」をクリックします。

up04.gif


7.「アップロードしたファイルのHTMLを表示」を選んでいた場合は、その写真を表示させるための「HTML」がでてきますので、それをコピーし、書きかけの記事に貼り付けます。

up06.gif


以上です。
あとは記事を保存し、実際にブラウザで画像が表示されているか確認してください。

kao2.jpg
kao2.jpg

【ブログ監修者の記事】

この記事が気に入ったら、クリックしてください→人気blogランキングへ

コメントする