如何讓圖片及PDF檔「連結」點擊即可直接下載

如何讓圖片及PDF檔連結點擊即可直接下載

在網站設計以及行銷時,有時候你會遇到這樣的狀況:

  • 製作網站PDF等文件檔下載專區(ex:比如此例)
  • 製作桌布下載專區

此時你「不要使用者點擊連結後直接開啟」,而是要點擊後跳出如下提示:

如何讓圖片及PDF檔連結點擊即可直接下載

好!現在開始來做囉!非常簡單的!

  1. 首先將圖片上傳
  2. 編輯「download.php」檔並上傳至網站「根目錄」(就放首頁網址的地方)
  3. 在需要放下載的地方放上編輯的連結
  4. 完成!!!

簡單的說即是如此而已,下面來看詳細的做法囉


首先是圖片的上傳

範例中我們將圖檔上傳到如下網址

https://www.arno.tw/images/article/201211/how-to-make-link-direct-download/test.jpg

因為以後我還會把圖片放在網站中如上的「images」資料夾中,因此等一下我們在設定「download.php」時,即是將【https://www.arno.tw/images/】設為圖片基底網址

編輯download.php檔案並上傳至網站「根目錄」

打開它之後會看到如下


將【https://www.arno.tw/images/】這段換成你自已的「圖片基底網址

然後請將這個檔案上傳到你的網站根目錄中,即是與index.php或index.html一樣的目錄之中

在需要放下載的地方放上編輯的連結

完成了如上後,接下來要怎麼使用它呢?

範例1:

  • 如本例中圖片放置的網址:
    https://www.arno.tw/images/article/201211/how-to-make-link-direct-download/test.jpg
  • 圖片基底網址是:
    https://www.arno.tw/images/
  • download.php放置位置:
    https://www.arno.tw/
  • 下載連結:(即download.php加「?f=」再加上images/後面的內容)
    https://www.arno.tw/download.php?f=article/201211/how-to-make-link-direct-download/test.jpg

範例2:

再給大家看一個例子..
  • 圖片網址:
    http://www.abc.com.tw/images/123.jpeg
  • download.php中基底網址設為:
    http://www.abc.com.tw/images/
  • download.php放置位置:
    http://www.abc.com.tw
  • 下載連結:(即download.php加「?f=」再加上123.jpeg)
    http://www.abc.com.tw/download.php?f=123.jpeg

現在,你知道怎麼讓圖片連結和PDF等連結點擊後直接下載了嗎?哈哈哈

經營網站SEO的排名只能當作是網路行銷中重要的一塊但不是全部

最重要的還是在於改善使用者瀏覽的體驗,

從而提高成交率,降低跳離率

而一切的種種之中

這篇所教的東西其實也是改善使用者體驗的一個方式

當然另存新檔大家都會

但讓使用者更輕鬆的閱覽頁面內容

不也是我們的責任嗎?

一定要學會哦!否則...

oh my god..(誤XD)

當然,我也還在學習當中

之後會試著多分享一些經營上的心得以及數據

你若有任何的疑問及意見都非常希望能在下面討論或來信指教!