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


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

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

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


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

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

■ ファイルの場合

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

■ 画像の場合

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

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


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

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

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

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

3.　アップロード先を指定して、「アップロード」をクリックすると、 　　選択したファイルがアップロードされます

4.　アップロードしたファイルのURLを確認するには、 　　「アップロードしたファイルのHTMLを表示」をチェックし、 　　「埋め込み」をクリックすると、 　　「src="ファイルのURL"」で確認することができます。

■ アップロード先の指定について
アップロード先は、サーバのサイト・パス、もしくは、アーカイブ・パスにアップロードすることができます。

また、フォームに、ディレクトリ名（例えば、images）を書き足すと、そのディレクトリ内にアップロードすることができます。
もし、そのディレクトリを作成していない場合でも、自動的に作成されます。

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

「<アーカイブ・パス>/ ○○（images）/」　の場合は、
「あなたのサーバーのURL/archives/ ○○（images）/」　フォルダにアップロードすることができます。

「<サイト・パス>/ ○○（images）/」　の場合は、
「あなたのサーバーのURL/ ○○（images）/」　フォルダにアップロードすることができます。


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


以上、「MT3.2でのファイル、画像のアップロード方法」について説明しました。

[次の講義へ] → 文字サイズの変更

受講を希望される方は、1クリックお願いします＾＾

第1回目の講義は、「Mobavle Type 3.2をカスタマイズする方法」について説明します。


MovableType3.2 をカスタマイズするには、テンプレートを編集します。テンプレートには、スタイルシートや、メインページ、個別アーカイブ等のテンプレートがありますので、カスタマイズの目的によって、それぞれ該当のテンプレートを編集します。


MovableType 3.2のテンプレートを編集する手順は、下記のようになります。

MovableType 3.2 テンプレート編集方法

1.　メインメニューで「テンプレート」をクリックします。

2.　編集するテンプレート（メインページ、個別アーカイブ等）を 　　選択します。

3.　選択したテンプレートを編集し、 　　「保存と再構築」をクリックします。

4.　「サイトを確認」をクリックし、編集内容をチェックします。

ただし、テンプレートを編集する前に、下記の点を注意してくださいね。

■ 編集する前に、必ずバックアップをとりましょう。
テンプレートを編集し、「保存」か「保存と再構築」をクリックすると、失敗したり、気に入らなかった場合でも元に戻せません。ですので、編集する前には、必ずバックアップをとりましょう。そうすれば、何度でもやり直せます。

バックアップ方法は、テンプレートのソース内で右クリックして、「すべてを選択」、「コピー」を選択し、メモ帳などに貼り付けると簡単です。

■ 編集する際は、Web上ではなく、テキストエディタで編集しましょう。
テキストエディタは、メモ帳でも構いませんが、Tera Pad（無料ソフト）を利用すると、行番号や元に戻せる機能など付いてますので、便利です。

編集後は、ファイル内容のすべてをコピーして、テンプレートのソースに貼り付けます。
テンプレートのソース内で右クリックし、「すべてを選択」、「貼り付け」をクリックすると、簡単に貼り付けることができます。


カスタマイズやテンプレート編集に便利なツールを紹介します。当サイト作成において、利用させていただきました。

ブログカスタマイズに便利なツール
TeraPad	TeraPadは無料のテキストエディタです。 行番号、URL/メールアドレスのカラー表示、Undo/Redo、画面分割などの機能は、テンプレートをカスタマイズする際には便利です。
たぬきのしっぽ	オンラインのCSS（スタイルシート）エディタです。URLを入力だけで起動し、簡単にスタイルシートを編集できます。ブログのセレクタなどがいまいち分からない方には、おすすめです。

以上、「MT3.2のカスタマイズ方法」について説明しました。
カスタマイズする前にバックアップをとっておくと、何度でもやり直せますので、いろいろ挑戦してくださいね。

[次の講義へ] → ファイル、画像のアップロード方法

受講を希望される方は、1クリックお願いします＾＾