纯代码版本，经典编辑器推荐

单独设置一个下载按钮的css样式即可。

初阶版

使用方法如下：

添加到主题的style.css样式文件最末尾，WP后台-外观-主题编辑器，保存。【或者放在主题的自定义css内】

.theme-demo {
    border-radius: 4px;
    color: #ffffff!important;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px 7px;
    background-color: #3bc492;
    text-decoration: none!important;
    text-indent: 0!important;
}

发文章的时候插入带有class属性值的a标签。[切换到文本/代码模式]

 
<a class="theme-demo" href="#" target="_blank" rel="noopener noreferrer">下载地址</a>

下载地址

如果你还想在下载按钮里面插入下载图标什么的，自己添加对应的css样式就可以了。这个网站上有很多漂亮的按钮样式，可以去copy一些。

进阶版

.theme-demo2{clear: both;overflow: hidden;position: relative;margin-bottom: 25px;}
.theme-demo2 a{position: relative !important;margin: 0 !important;padding: 0 20px !important;display: inline-block !important;background-color: #45B6F7 !important;color: #fff !important;font-size: 15px !important;font-weight: bold !important;text-decoration: none !important;line-height: 40px !important;height: 40px !important;border-radius:10px !important;}
.theme-demo2 a:hover{background-color: #595959 !important;color: #fff !important;text-decoration: none !important;}

发文章的时候插入带有class属性值的a标签。[切换到文本/代码模式]

<div class="theme-demo2"><a href="#" target="_blank" rel="nofollow noopener"><i class="fa fa-download"></i>  点此下载</a></div>

<div class="theme-demo2"><a href="#" target="_blank" rel="nofollow noopener"><i class="fa fa-cloud-download"></i>  点此下载</a></div>

系统自带按钮，古腾堡编辑器推荐

1、发文章时，点击➕按钮，然后搜索按钮

2、插入按钮后，在右边区块区域设置按钮的样式、颜色，添加链接，一个漂亮的下载按钮就出来了。

如果古腾堡编辑器里面的版本你不想要按钮这么圆，只需要在右边设置里面，把边框半径调整小或者0就可以了。

如果你搭建的是一个资源下载站，那么可以安装专门的下载插件，也带有漂亮的下载按钮，还方便你对资源管理。