avatar

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

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

本文采用的是直接在文章页中声明按钮的样式,无需安装任何插件及其它的代码配置,只要两步就能搞定,简单易用,轻松上手。话不多说,先给出完整代码,按钮样式在文章底部。

php
1
2
3
4
5
<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://dorcandy.cn/">
按钮样式
</a>
</div>

首先,新建需要按钮的DIV标签ID,比如说需要一个下载按钮,那我们就声明

php
1
2
<div id=”download”>
</div>

第二步,我们在DIV标签中声明按钮的超链接A标签,具体如下。

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

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

文章作者: 火喵
文章链接: https://diary.dorcandy.cn/2020/01/04/2020/20200104/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 喵窝•札记

评论