插入方法1:
1、创建css样式;
.theme-demo {
border-radius: 5px;
color: #ffffff!important;
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
padding: 10px 15px;
background-color: #3bc492;
text-decoration: none!important;
text-indent: 0!important;
}
border-radius: 5px;
color: #ffffff!important;
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
padding: 10px 15px;
background-color: #3bc492;
text-decoration: none!important;
text-indent: 0!important;
}
2、发文章时插入带有class属性值的a标签即可。
<a class="theme-demo" href="https://wparticle.cn" target="_blank" rel="noopener noreferrer">点击下载</a>
按钮演示:
插入方法2:
纯代码实现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://wparticle.cn/”>
上述代码中,href=”https://wparticle.cn/”的网址替换即可。
<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://wparticle.cn/">按钮样式</a></div>
按钮演示: