今回は、「ファイルのアップロード方法（FC2ブログ編）」について説明します。

FC2ブログでは、jpg、gif、png、mid、swf、ico、mp3、html、txt、css、js、rdf形式のファイルをアップロードすることができますので、パソコンに保存してあるデジカメ画像やHP素材、フラッシュ素材などのファイルをアップロードすることができます。

アップロードできるファイルのサイズも、最大250KB、容量は1GBですので、画像ファイルの場合は、容量を気にせずにアップロードできます。


FC2ブログでのファイルのアップロード方法です。下記の手順通りにすれば、簡単にアップロードすることができます。

ファイルのアップロード方法（FC2ブログ編）
1.	管理ページのサイドメニューから「ファイルアップロード」をクリックします。
2.	「ファイルの選択：」の横にある「参照」をクリックし、パソコン内からアップロードするファイルを選択します。
3.	「アップロード」をクリックします。
4.	「アップロード」ボタンの下に「日付・画像・ファイル情報」が表示されれば、アップロード成功です。

※アップロードできるファイルの種類は、jpg,gif,png,mid,swf,ico,mp3,html,txt,css,js,rdです。

※一度にアップロードできるファイルサイズは、500KBまでです。

■ アップロードしたファイルのURLの確認方法

アップロードしたファイルのURLを確認するには、表示されている画像をクリックすると、新規でウィンドウで開きます。そのウィンドウのアドレス欄に表示されているURLが、アップロードしたファイルのURLです。

＜URLの記述例＞
http://blogxx.fc2.com/x/xxxxx/file/xxxx.jpg

以上、ファイルのアップロード方法（FC2ブログ編）」について説明しました。HP素材などを使用してカスタマイズするには、必須の操作ですので、マスターしておいてくださいね。

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

第1回目の講義は、FC2ブログのカスタマイズ方法について説明します。


FC2ブログ をカスタマイズするには、テンプレートを編集します。CSSやHTMLの知識があれば、自分好みのブログにカスタマイズすることができます。

■ FC2ブログの特徴
FC2ブログの特徴として、カスタマイズする際に、テンプレートを編集しても再構築をする必要がありません。記事が増えてきても、再構築が終了するまで待つということもなく、即座に変更後のサイトを確認することができます。また、テンプレートもCSSやHTMLの2種類のみで、HTMLが個別記事やメインページなどに分別されておらず、一つのファイルにまとめられているということも特徴的です。


FC2ブログ のテンプレートを編集する手順です。

FC2ブログ テンプレート編集方法
1.	管理画面の左メニューから「テンプレートの設定」をクリックします。
2.	編集するテンプレート名の右側にある「編集」をクリックします。
3.	編集フォーム（名称、HTML、スタイルシート）にて編集をします。
4.	編集後、「更新」ボタンを押すと、編集内容が保存・適用されます。

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

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

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

コントロールキーを使うと、さらに簡単です。
・「Ctrl」+「A」（すべてを選択）
・「Ctrl」+「C」（コピー）
・「Ctrl」+「V」（貼り付け）

■ 編集は、Web上ではなく、テキストエディタなどで行いましょう。
Web上で直接テンプレートを編集すると、失敗した場合でも元に戻せません。ですので、編集する際には、テキストエディタなどで編集し、編集前のテンプレートはバックアップをとっておきましょう。

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

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


カスタマイズやテンプレート編集に便利なツールを紹介します。当サイトの作成時に利用しています。

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

カスタマイズする前にバックアップをとっておくと、何度でもやり直せますので、いろいろ挑戦してくださいね。

[関連記事]
・FC2ブログ（blog）とは
・FC2ブログ（blog）の開設はこちら>>



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