复制下方css代码添加到主题css文件中或主题自带DIY样式中
/*陌源码*/
/*加群小工具*/
.mobanweb-jiaqun h5 {
font-size: 16px;
line-height: 1.4;
}
.mobanweb-jiaqun-small {
padding: 15px;
}
.mobanweb-jiaqun p {
max-width: 80%;
}
.mobanweb-jiaqun {
letter-spacing: .5px;
}
.mobanweb-jiaqun .btn {
font-size: 13px;
}
.mobanweb-jiaqun .btn i {
margin-right: 3px;
}
.mobanweb-jiaqun .helper-thumb {
position: absolute;
right: 0;
bottom: 0;
}
.mobanweb-jiaqun-btn-on {
color: #fff;
background: #2c63ff!important;
box-shadow: 0 3px 10px -1px #2c63ff!important;
border: 0;
}
/*加群小工具*/
复制下方代码添加到后台-外观-小工具-自定义HTML小工具中
<section class="mobanweb-jiaqun">
<div class="mobanweb-jiaqun-small">
<p>分享最新WordPress教程<br> 共同学习,共同进步,共同成长!</p>
<a href="https://shang.qq.com/wpa/qunwpa?idkey=5c3d5ac8ae6f3c996a3f7896c6a6e3eb52be304c8f94662257e6bb4672fb0c3c" class="btn mobanweb-jiaqun-btn-on" uk-toggle=""><i class="iconfont icon-qq"></i>QQ交流群</a>
<div class="helper-thumb"><img src="https://mobanweb.oss-cn-hangzhou.aliyuncs.com/image/2020021314534257.png" alt="陌源码"> </div>
</div>
</section>
修改https://shang.qq.com/wpa/qunwpa?idkey=5c3d5ac8ae6f3c996a3f7896c6a6e3eb52be304c8f94662257e6bb4672fb0c3c 红色部分为你的idkey
获取教程:访问QQ群官网-加群组件QQ群官网
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。统一解压密码:www.mophp.cn 任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。本站所提供的模板(主题/插件)等资源仅供学习交流,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担,有部分资源为网上收集或仿制而来,若模板侵犯了您的合法权益,请来信通知我们!