ファイル、画像のアップロード方法

第2回目の講義は、「ファイル、画像のアップロード方法」について説明します。


MovableTypeで、ファイルや画像をアップロードするには、下記のような２つの方法があります。

■ FTPソフトを利用する方法
■ MovableTypeの「ファイルアップロード機能」を利用する方法

では、それぞれの方法について説明してきます。


FTPソフト（FFFTPなど）を利用すると、任意の場所にファイルや画像をアップロードすることができます。

アップロード後は、そのアップロードした場所を下記のようなタグで指定しますと、ファイルや画像を読み込むことができます。

■ ファイルの場合

<a href="リンク先URL">ファイル</a>

■ 画像の場合

<img src="画像URL" alt="代替文字" />

alt属性は、画像を表示できない場合に代わりに表示するテキストを指定します。


MovableTypeのファイルアップロード機能を利用して、ファイルや画像をアップロードすることができます。<img>タグなど自動的に生成されます。

ファイル、画像のアップロードの手順

1.　メインメニューで「ファイルのアップロード」をクリックします

2.　「参照」ボタンを押して、ファイルを選択します

3.　アップロード先を指定して、「アップロード」をクリックします

4.　「アップロードしたファイルのHTMLを表示」をチェックし、 　　「埋め込み」をクリックします

5.　「src="ファイルのURL"」でURLを確認します

■ アップロード先の指定について
アップロード先は、サーバのディレクトリ、もしくは、サーバのアーカイブディレクトリにアップロードできます。
また、右側のフォームに書き足せば、それぞれのディレクトリの下に置くこともできます (例えば images )。もし、そのディレクトリがなかったら、自動的に作られます。

・<ローカル・アーカイブ・パス>/ ○○（例えば、images）/ ・<ローカル・サイト・パス> 　　/ ○○（例えば、images）/

もう少し分かりやすく説明しますと、

<ローカル・アーカイブ・パス>/ ○○（images）/は、
あなたのサーバーのURL/archives/ ○○（images）/　フォルダにアップロードします。

<ローカル・サイト・パス>/ ○○（images）/は、
あなたのサーバーのURL/ ○○（images）　フォルダにアップロードします。

どちらのパスを選択するにしても、ファイルや画像をアップロードする場合は、ディレクトリ直下に置くのではなく、imagesなどのフォルダを作成して、まとめて置いてた方が管理が楽になりますので、追加のパスを指定しておくことをおすすめします。


以上、「MTでのファイル、画像のアップロード方法」について説明しました。次回の講義では、実際にMTをカスタマイズしてみましょう。

[次の講義へ] → 実際にカスタマイズをしよう～背景色の変更

参考になりましたら、応援お願いします。