WordPress ·

为WordPress免插件添加下载弹出框

WordPress网站中经常提供一些资源下载链接,最简单的方式就是以几个文字超链接的方式提供给读者,这样是最简单的方法,但不美观;而为网站添加额外的下载弹出框后,不但不会影响内容,更可以自定义的丰富下载框区域内容,甚至可以展示广告,这是非常有利于网站盈利的。

接下来,我所介绍的代码是基于facebox代码的,它是一个lightbox,基于jquery,同时要实现美观的框体还必须一些素材和css布局文件,所以文件以及演示文件已经打包,下载见文章底部

1. 调用facebox与jquery

打开你主题目录,找到header.php文件编辑,一般主题对jquery都已经调用,那么在/head前加入以下代码:

2. 上传资源文件

把前面下载的资源文件解压,得到facebox文件夹,请保证无额外文件夹嵌套,打开facebox即可见facebox.js和多个图像素材,然后将facebox文件夹完整上传至你主题根目录

3. 在文章中插入代码

在编辑文章时,可在文章末尾添加:

(1)下载提示区域代码

下载提示区域代码可不作编辑,若需自定义请自行修改。

(2)下载弹出框代码

弹出框代码首先要编辑的为下载链接,请替换为你需要提供的下载链接和提示文字,其他如广告可以自定义修改,如有疑问请留言。

facebox-download

facebox-download

参与评论