pT
palette001 T
Created Jul 18, 2023リンクでダウンロードを作る方法
リンクのみであればサイドバーのボタン機能などで簡易的に作成可能ですが、今回は、リンク表示ができないファイルをダウンロードしていただく場合にご活用いただけます。
尚、PDFやJPG/PNG/GIFといった画像ファイルであれば、リンクだけでもブラウザ上で表示可能なので、リンクのみで使用する場合は下記14stepの後18までskipしましょう。
58
1
例としてサイドバーのフリーエリアに作成していきます。
フリーエリアはどこでも概ね同じ仕様ですので、サイドバー以外の場所で表示をご希望の場合は該当する編集ページにて同様の内容をお試しください。

3
タイトルは必須ではないですが、他の情報との区別に入力します。
フリーエリアのタイトルは無視しても大丈夫です。

5
メディアを追加ボタンにダウンロードしてもらう書類をアップロードします。
メディアには色々な種類の書類をアップロードすることができますが、表示に使用できるものは画像ファイルやmp4ファイルのみとなりますのでご注意ください。表示はできませんがwordファイルなどもアップすることはできます。

6
それではローカルファイルをドラッグアンドドロップしましょう。
ダウンロードに使用するファイルをドラッグアンドドロップで入れてみましょう。
※今回は既にアップしているPDFファイルを使用してみます。
※ダウンロードさせる書類は必ずメディアに入れておく必要があるので、他サイトなどから直接リンクなどを貼らないようにしましょう。

7
該当のファイルがアップロードされたら、ワンクリックして選択します。

8
選択したファイルの詳細が右側に表示されるので、ファイルのURLという項目を見つけます。
その下にクリップボードにコピーというボタンがあるので押します。

9
URLのコピーが行えました。

10
メディアファイルの画面をクローズします。
ここではURLをコピーするのみで他の作業はありません。

12
エディタ上のリンク設定のアイコンをクリックします

13
URLを入力するフォームが出てきます。
ここで先ほど取得した書類のURLを入力(ペースト)します。

14
決定ボタン(歯車ではない方のボタン)を押します。

15
エディターのメニューバーにある機能の「表示」をクリックし、ソースコードを選択します。

18
このテキストリンクをボタンリンクに変更します。
この時点でもリンクは完成していますが、見た目がテキストリンク(文字に下線が付いただけのもの、または文字だけのもの)の状態なので、ボタンのような枠を付けます。
リンクを貼ったテキストを再度選択した状態にし、スタイルのドロップダウンメニューを押します。

21
プレビューで実際の画面を確認してみましょう。

Well done!
Create how-to guides like this in a snap. Get Tango now.