WordPress中插入PDF文档链接，点击之后直接下载而不是在线预览

做B端的朋友，经常有需求把产品目录放在网站，供客人下载，或者是借用PDF文档获得leads。

0. 问题

如果用下面的a标签直接插入pdf文档的链接，浏览器会直接打开pdf文档，客人虽然也可以下载，但还是不如直接弹出下载保存对话框来的方便。

<a href="/wp-content/upload/product-catalog.pdf">Download Catalog</a>

1. 上传PDF文档到media library

如果不允许上传，请Google一下"upload pdf file to wordpress"，或者直接ftp上传，然后获取到文档的链接。

Tips：建议PDF文档的文件名不要带空格、逗号、句号之类的特殊字符

2. 优化方法：

在a标签中加入download属性，这样就告诉浏览器，直接下载而不是打开文档。

<a href="/wp-content/upload/product-catalog.pdf" download>Download Catalog</a>

3. 兼容性：

除了老旧的IE，新的浏览器都支持download属性了。

但是最新版的chrome不支持跨域下载，也就是文档链接也要和网页链接在同一个域名下面。