1. 橘子皮首页
  2. WP开发

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

1、新建需要按钮的DIV标签ID,比如说需要一个下载按钮,那就声明:

<div id=”download”></div>

2、在DIV标签中声明按钮的超链接A标签,具体代码如下:

<a style=”border-radius: 5px; color: #fff; background-color: #32a5e7; border: 2px solid #32a5e7; text-indent: 0; padding: 8px 25px 9px;” href=”https://www.cuikaiyun.cn/”>

其中href=”https://www.cuikaiyun.cn/”的网址可以是下载文件的地址,替换即可。

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

全部代码如下:

<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=”https://www.juzip.cn/”>
按钮样式
</a>
</div>

文章整理,作者:橘子皮,如若转载,请注明出处:https://www.juzip.cn/1571.html

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。

发表评论

电子邮件地址不会被公开。 必填项已用*标注