您的位置 首页 wordpress美化

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

本文最后更新时间为 2019-11-14。如果您发现本文中的内容已经失效,烦请留言告知。

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.cuikaiyun.cn/">
按钮样式
</a>
</div>

关于作者: 秋硕

关注wordpress优化加速,以及优质主题、插件。

热门文章

发表评论