纯代码实现WordPress文章添加下载按钮(自定义按钮)

9月14日 · 2017年
南方SEO
细心的朋友可能会发现南方SEO最近更新了文章页的自定义按钮功能,该功能非常简单只需要一行简短的代码就能解决。下面南方SEO就来给大家讲讲纯代码实现WordPress文章添加下载按钮(自定义按钮)的具体过程。
本文采用的是直接在文章页中声明按钮的样式,无需安装任何插件及其它的代码配置,只要两步就能搞定,简单易用,轻松上手。话不多说,先给出完整代码,按钮样式在文章底部。
<div id="download">
<a style="border-radius: 5px; color: #fff; background-color: #32a5e7; border: 2px solid #32a5e7; text-indent: 0; padding: 8px 25px 9px;"href="http://www.nfseo.com">
按钮样式
</a>
</div>

首先,新建需要按钮的DIV标签ID,比如说需要一个下载按钮,那我们就声明<div id=”download”></div>。

第二步,我们在DIV标签中声明按钮的超链接A标签,具体如下。<a style=”border-radius: 5px; color: #fff; background-color: #32a5e7; border: 2px solid #32a5e7; text-indent: 0; padding: 8px 25px 9px;” href=”http://www.nfseo.com”>,其中href=”http://www.nfseo.com”的网址可以是你下载文件的地址,替换即可。

好了,到此为止文章自定义按钮功能已经实现了,是不是非常简单?其实,南方SEO之前在网上也看到过其它实现的方法,有通过WordPress插件实现的,有配置主题single.php加入自定义按钮功能实现的。但是对于不经常使用按钮功能的站长而言,使用南方SEO的代码段实现自定义按钮非常方便、灵活。而且插件、配置主题文件都会增加网站加载代码的时间,给网站增加负荷。

 

以上就是纯代码实现WordPress文章添加下载按钮(自定义按钮)的全部内容,如果你偶尔使用一些自定义按钮,那么请使用它;如果你是代码完美主义者,那么请使用它;如果你想一步到位省时省力,那么就用它。

除非注明,否则均为南方SEO原创文章,转载必须以链接形式标明本文地址

本文链接:http://www.nfseo.com/jianzhan/155.html