FC2ブログカスタマイズ:無料版のFC2ブログで画像ファイル以外のファイル(jsファイル等)をアップロードする方法

無料版のFC2ブログでグログ内でjqueryなどのjsファイル等、画像ファイル以外のファイルをアップロードする方法について覚書。

FC2ブログでJavaScriptを使用した効果(例えば、lightboxやjquery.fitvids.jsなど)を使用する際にJavaScriptファイルをアップロードし、ブログのヘッダー等で参照するようにさせたい場合があります。

その際の画像以外のファイルをアップロードする方法について簡単に覚書。 ※有料版のFC2ブログ(Pro)は、FTPが使えるので対象ではありません。

FC2ブログにファイルをアップロードする際の注意点

FC2ブログにファイルをアップロードする前にいくつか注意する点があります。

ファイル名に"."(ピリオド)を複数含む場合はファイル名の変更が必要です。

アップロードできるファイルのファイル名について制限があります。

ファイル名中のピリオドは1つのみ許可されいます。

例えば"jquery-1.11.1.min.js"をアップロードする際は、"jquery.js"など、あらかじめファイル名をピリオド1つの状態に変更しておく必要があります。

アップロードするファイルのファイル名と同一のファイルが既にアップロードされていた場合、新たにアップロードしたファイルで上書きされてしまいます。

新しくアップロードするファイルのファイル名が既にアップロード済みのファイルと重複していないか確認して下さい。

但し、アップロードする際に[共通設定]の[同名ファイル]の設定を"別名で保存"に変更してアップロードすれば、もし同名ファイルが既にアップロードされていたとしても、上書きされずに新たにアップロードしたファイルのファイル名が自動的に変更されます。

FC2ブログにログインし、左サイドバーの[ファイルアップロード]をクリックします。

[ファイル一覧]の検索ボックスに新たにアップロードするファイルのファイル名を入力し、[検索]ボタンをクリックします。

以下のように、検索結果に何も表示されなければ同名のファイルはありません。

では画像以外のファイルのアップロード方法を以下に説明します。

FC2ブログにログインし、左サイドバーの[ファイルアップロード]をクリックします。

以下の赤枠でくくられた部分にアップロードしたいファイルをドラッグ&ドロップします。

※一度に5ファイルまでアップロードが可能です。

以下の赤枠で囲まれた設定項目、[アルバムに追加]と[サムネイル]の[同時に作成する]のチェックをオフにします。

[アップロード]ボタンをクリックします。

以下のように、「アップロード完了」と表示され、[ファイル一覧]画面(赤枠部分)にアップロードしたファイル名が表示されれば完了です。

以上でFC2ブログに画像ファイル以外のファイルをアップロードする手順は終了です。