RiPro主题美化——主题侧边栏添加加群小工具

效果截图

RiPro主题美化——主题侧边栏添加加群小工具

第一步:

找到后台-外观-小工具-自定义HTML并将以下代码整体复制进去并保存,标题可自定义

<section class="mobanweb-jiaqun">
	<div class="mobanweb-jiaqun-small">
		<p>分享技术教程、精品源码<br> 共同学习,共同进步,共同成长!</p>
		<a href="//shang.qq.com/wpa/qunwpa?idkey=0efff701310d4918a0c78e786cf4125533949b3d0b470d0eec2df0861d116bea" rel="external nofollow"  class="btn mobanweb-jiaqun-btn-on" uk-toggle=""><i class="iconfont icon-qq"></i>QQ交流群</a>
		<div class="helper-thumb">
			<img src="https://cdn.hmkoo.com/Assets/uploads/2021/01/06437515.png" alt="2020021314534257" width="220" height="180" class="alignnone size-full wp-image-143" />
		</div>
	</div>
</section>

第二步:

找到wp-content/themes/ripro/assets/css/diy.css并将以下代码整体复制进去并保存

/*加群小工具*/
.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;
}
/*加群小工具*/

 

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服:1377177670@qq.com
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有米币奖励和额外收入!

哈米酷 Ripro美化 RiPro主题美化——主题侧边栏添加加群小工具 https://www.hmkoo.com/141.html

RiPro主题美化——主题侧边栏添加加群小工具
下一篇:

已经没有下一篇了!

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情
  • 最常见的情况是下载不完整, 可对比下载完的压缩包与网盘上的容量,若小于网盘提示的容量则是不完整的原因。这是浏览器下载的bug,建议用百度网盘。
查看详情

相关文章

评论
暂无评论