WordPress日主题RiPro主题美化,主题侧边栏添加加群小工具

管理员管理员 CMS教程 2023年05月26日 00:32:55
203 0

第一步：

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

<section class="mobanweb-jiaqun">
	<div class="mobanweb-jiaqun-small">
		<p>分享技术教程、精品源码
			<br> 共同学习，共同进步，共同成长！</p>
		<a href="https://www.ilingku.com/qun" 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>

第二步：

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

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

wordpress教程 

相关文章

发表评论 取消回复

很抱歉，您暂时无法发布评论。需要 登录 后才能发布。