ダウンロードボタンをダウンロード
ダウンロードボタンのフリー(無料)素材です。
画像は PNG(ピーエヌジー)形式です。
フリー素材は、右クリックから「名前を付けて画像を保存」するか zip 形式でダウンロードしてご利用下さい。
フリー素材集の利用規約はこちらです。フリー素材は、ブログやホームページなどでご利用頂けます。
フリー素材をダウンロード(zip 形式)
ダウンロードボタンの無料素材(PNG)(60 素材)
60色のカラーバリエーションを用意しました。
アイコンの周りは透過処理(透過 PNG)してありますので、様々な背景色でご利用頂けます。
使用例として、Excel ファイルのダウンロードボタン設置を解説します。
※Excel 以外のファイルでも、同じ方法が使用できるかと思います。
スポンサーリンク
まずは、ウェブサイトのユーザーにダウンロードして頂くファイルを用意します。
上の画像の例では、Excel ファイルを用意しました。
新しいフォルダを作成します。
フォルダの名前を変更します。
上の画像のように、Excel ファイルをフォルダ内に移動します。
フォルダを右クリック/送る/圧縮(zip 形式)フォルダをクリックします。
上の画像のように、圧縮(zip 形式)フォルダが作成されます。
この圧縮(zip 形式)フォルダをダウンロードして頂く形になるので、フォルダをウェブサイトにアップロードします。
ダウンロードボタンを配置して、圧縮(zip 形式)フォルダにリンクします。
HTML コードは以下の通りです。
<p><a href="images/download-icon-free-example.zip"><img src="images/download-icon-free45.png" width="460" height="138" alt="Excel ファイルのダウンロードはこちら"/></a></p>
<a href="images/download-icon-free-example.zip"> ~ </a> は、圧縮(zip 形式)フォルダへのリンクです。
images フォルダの download-icon-free-example.zip にリンクとなっているので、ご自身が作成したフォルダ名に変更して下さい。
<img src="images/download-icon-free45.png" width="460" height="138" alt="Excel ファイルのダウンロードはこちら"/> は、ダウンロードボタン(画像)の指定です。
ご自身が使用する画像の「ファイル名」「サイズ」「代替テキスト(alt 属性)」に変更して下さい。
当サイトのフリー素材がお役に立ちましたら幸いです。
スポンサーリンク