ウェブサイトからファイルをダウンロード可能にする方法

ウェブサイトを通じてファイルのダウンロードリンクを提供することは一般的な願望であり、それにはいくつかの方法があります。GoDaddy、WordPress、Weeblyなどのウェブサイト構築ツールを提供しているサイトでは、リンクを作成すると同時にファイルをアップロードする機能を提供していることがよくあります。ゼロから自分のサイトを構築する場合は、サーバーにホストされているファイル用の簡単なHTMLコードを使用してダウンロードリンクを作成することができます。

方法1

HTMLを使う

1. まだHTMLページを持っていない場合は、HTMLページを作成します。HTMLウェブページにダウンロードリンクを追加します。既存のサイトがない場合は、基本的なHTMLページを作成してダウンロードリンクをテストすることができます。詳しくはこちらをご覧ください。
2. ページとファイルの両方のフォルダをサーバー上に開きます。ファイルをリンクする最も簡単な方法は、ページのHTMLファイルと同じフォルダにファイルを置くことです。コントロールパネルのファイルマネージャまたはFTPプログラムのファイルブラウザを使って、リンクを追加するHTMLファイルのあるフォルダに移動します。

   • FTPクライアントはウェブサーバーに接続するように設定されているはずです。そうでない場合は、サーバーに接続するためのFTPクライアントの設定方法を参照してください。
   • ウェブサーバーにオンラインコントロールパネルがある場合は、ウェブ管理インターフェイスから直接サーバーファイルにアクセスできます。管理者としてサイトにサインインすると、アクセスできるようになります。コントロールパネルに入ったら、「ファイルマネージャー」オプションを選択します。
   • WordPress、Weebly、Wixのようなウェブサイト作成ツールを使用してウェブサイトを作成した場合は、以下の方法でプラットフォーム別の手順を参照してください。
3. リンクを作成したいファイルをアップロードします。PDFファイルからZIPファイルまで、ほとんどの種類のファイルをアップロードできます。サーバーによっては、アップロードできるファイルのサイズが制限されている場合があり、大きなファイルは割り当てられた帯域幅をすぐに使い果たしてしまう可能性があることに注意してください。ブラウザは、EXEファイルやDLLファイルなど、悪意のあるファイルを訪問者がダウンロードできないようにブロックすることがあります。

   • FTPプログラムを使ってファイルをアップロードするには、FTPウィンドウのアップロード先のフォルダにファイルをドラッグします。すぐにアップロードが開始されます。通常、アップロード速度はダウンロード速度よりもはるかに遅いため、ファイルを完全にアップロードするにはしばらく時間がかかる場合があります。
   • 仮想コントロールパネルのファイルマネージャーを使用している場合は、ウィンドウ上部の「アップロード」ボタンをクリックします。アップロードしたいファイルをコンピュータから探してください。大きなファイルはサーバーへのアップロードに時間がかかる場合があります。
4. リンクを追加したいページをコードエディターで開きます。ファイルがアップロードされたら、ウェブページにリンクを追加する必要があります。リンクを追加したいHTMLファイルを開きます。コントロールパネルのファイルマネージャでファイルをダブルクリックすると、内蔵のページエディタで開くことができます。FTPを使っている場合は、サーバー上のHTMLファイルを右クリックし、「Open With」を使ってコードエディターまたはテキストエディターで開きます。
5. ページ上でリンクを追加したい場所を見つけてください。ダウンロードリンクを挿入したいコード内の場所にカーソルを置きます。段落の本文でも、ページの下部でも、どこでもかまいません。
6. リンクのコードを追加します。ダウンロードリンクに次のHTML5コードを入力します。リンクをクリックすると、すぐにダウンロードが開始されます。ダウンロードするファイルがHTMLファイルと同じフォルダにある限り、名前と拡張子を使用するだけです。ファイルが別のフォルダにある場合は、フォルダ構造を含める必要があります。

   <!-- HTMLファイルと同じ場所にアップロードされたファイル --> <a href="examplefile.pdf" ダウンロード>リンクテキスト</a> <!-- HTMLファイルと違う場所にアップロードされたファイル --> <a href="/path/to/file/examplefile2.jpg" ダウンロード>リンクテキスト</a

   • <a> download属性は、Safari、Internet Explorer、Opera Miniでは動作しません。これらのブラウザのユーザーは、ファイルを新しいページで開き、手動で保存しなければなりません。
7. リンクの代わりにダウンロードボタンを作成してください。テキストの代わりに画像を使用してダウンロードリンクを作成することができます。この場合、ウェブサーバー上にすでにボタン画像がある必要があります。

   <a href="examplefile.pdf" ダウンロード> <img src="/images/downloadbutton.jpg"> </a> のようにします。
8. ダウンロードしたファイルの名前を変更します。<a> download属性を定義すると、誰かがダウンロードした時にファイル名を変更することができます。これにより、ユーザがダウンロードしたファイルを識別しやすくなります。

   <a href="083116sal_rep.pdf" download="2016年8月31日営業報告書">報告書をダウンロードする</a>。
9. HTMLファイルに変更を保存します。コードに満足したら、HTMLファイルに変更を保存し、必要に応じて再アップロードしてください。ウェブサイト上に新しいダウンロードボタンが表示されます。

方法2

ワードプレスを使う

1. WordPressのサイトエディターでサイトを開きます。ウェブサイトの管理と公開にWordPressを使用している場合は、組み込みのツールを使用して、任意のページにダウンロードリンクを追加することができます。管理者アカウントを使ってWordPressのダッシュボードにログインします。
2. リンクを表示したい場所にカーソルを置きます。リンクを既存の段落の途中に置くか、新しい行を作成します。
3. メディアを追加」ボタンをクリックする。ページ上部の投稿ツールの上にあります。
4. ファイルをアップロード "タブをクリックし、ファイルをウィンドウにドラッグします。様々な種類のファイルをアップロードできますが、WordPressではアカウントの種類によってサイズが制限される場合があります。

   • ほとんどの接続はダウンロードよりもアップロードの方が遅いため、ファイルのアップロードには少し時間がかかるかもしれません。
5. ファイルの説明を追加します。メディアを追加]ウィンドウで、ファイルの下に説明を入力することができます。これがダウンロードリンクとして表示されるテキストになります。
6. 投稿/ページに挿入」ボタンをクリックします。カーソルの位置にダウンロードリンクが挿入されます。これは添付ファイルページへのリンクであり、実際のファイルではないことに注意してください。これはWordPressソフトウェアの制限です。

方法3

Weeblyを使用する

1. Weeblyエディタでウェブサイトを開きます。Weebly サイトにログインし、Weebly エディタでウェブページを開きます。
2. リンクにしたいテキストまたはオブジェクトを選択します。テキストフィールドでテキストをハイライトするか、ファイルのダウンロードリンクにしたいページ上の画像を選択します。
3. リンク」ボタンをクリックします。テキストを選択している場合、これはチェーンリンクのように見え、テキストエディタの上部にあります。画像を選択している場合は、画像コントロールパネルの「リンク」をクリックします。
4. ファイル」を選択し、「ファイルをアップロード」をクリックします。ファイルブラウザが開きます。
5. ダウンロード可能にしたいファイルを選択します。ファイルを選択すると、アップロードが開始されます。

   • ベーシック・ユーザーは5MB以下のファイルに制限されています。プレミアム・ユーザーのファイルサイズ制限は100MBです。
6. サイトを公開すると、新しいリンクが表示されます。ファイルをアップロードすると、リンクが使用可能になります。公開] ボタンをクリックして、変更をライブ サイトに反映します。訪問者はリンクをクリックしてファイルをダウンロードできるようになります。

方法4

Wixを使用する

1. Wixエディターでウェブサイトを開きます。サイトの作成と管理にWixを使用している場合は、Wixウェブサイトにログインし、サイトエディターでウェブページを読み込みます。
2. リンクにしたいテキストまたは画像を選択します。ページ上のテキストまたは画像からリンクを作成することができます。
3. 選択したテキストをリンクにします。テキストと画像では手順が少し異なります：

   • テキスト - テキスト設定ウィンドウのリンクボタンをクリックします。このボタンはチェーンリンクのように見えます。これでリンクメニューが開きます。
   • 画像 - 画像設定ウィンドウの「画像がクリックされたとき」メニューから「リンクを開く」を選択します。リンクは何をするか」の「リンクを追加する」をクリックします。リンクメニューが開きます。
4. リンクオプションのリストから「ドキュメント」を選択します。これで様々なドキュメントファイルをアップロードできるようになります。
5. ファイルを選択」ボタンをクリックしてください。ファイルアップローダーが開きます。
6. アップロードしたいファイルをウィンドウにドラッグします。アップロードできるのは、DOC、PDF、PPT、XLS、ODT（およびそれらのサブフォーマット）ファイルのみです。つまり、基本的にドキュメントのアップロードに限られます。ファイルサイズは15MBまでです。
7. サイトを公開する。ファイルをアップロードしたら、リンクの準備は完了です。右上の "Publish "ボタンをクリックして変更を保存し、ライブサイトにプッシュします。

方法5

GoDaddyを使用する

1. GoDaddy サイトエディタでサイトを開きます。GoDaddyサイトビルダーを使用した場合は、GoDaddyのWebサイトにログインし、エディタでWebサイトを開きます。
2. リンクに変更するオブジェクトまたはテキストを選択します。テキストボックスのテキストと同様に、サイト上の任意のオブジェクトをリンクに変換できます。ダウンロードボタンを作成したい場合は、左のメニューから「ボタン」オプションをクリックして挿入します。
3. 選択したオブジェクトまたはテキストからリンクを作成します。オブジェクトを選択している場合は、設定ボタンをクリックしてメニューを開きます。テキストを選択している場合は、テキストフォーマットツールの「リンク」ボタンをクリックします。
4. "リンク（URL）"の下にある赤い矢印をクリックし、"アップロード "を選択します。ウェブサイトにアップロードするファイルを選択できます。
5. 参照」ボタンをクリックし、アップロードしたいファイルを見つけてください。ファイルのサイズは30MBまでです。HTML、PHP、EXE、DLL、その他危険性のあるファイルはアップロードできません。
6. ファイルがアップロードされたら、"Insert "をクリックしてください。ファイルのアップロードが完了すると、ウィンドウのファイルの横にチェックマークが表示されます。
7. 保存」をクリックしてリンクを作成します。保存」をクリックすると、作成したオブジェクトまたはテキストリンクにファイルが適用されます。
8. Publish "をクリックして、変更をサイトに保存します。これで新しいリンクが有効になり、訪問者はリンク先のファイルをダウンロードできるようになります。

この記事は、CC BY-NC-SAの下で公開された " How to Make a File Downloadable from Your Website " を修正して作成されました。特に断りのない限り、CC BY-NC-SAの下で利用可能です。