秋硕学习笔记 教程 WordPress文章插入下载按钮

WordPress文章插入下载按钮

插入方法1: 1、创建css样式; .theme-demo { border-radius: 5px; col…

插入方法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;
}

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>

按钮演示:

 

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。若本站内容侵犯了原著者的合法权益,请联系我们进行处理。本文地址:https://wparticle.cn/330.html

作者: wordus

记录生活感悟,分享网络资源,交流学习体会,感受美好人生。秋硕学习笔记,记录分享学习、生活、工作、旅游、健身、爱好的个人博客。

发表回复

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

返回顶部