WordPress主题-日主题V2主题美化二开教程

弹窗登录模块

新评论模块

广告位模块

微信内关闭商城

排行榜模块

网站统计小工具

去掉分类category模块

注册赠送会员模块

Logo扫光

白天

黑夜

侧边栏加入QQ群小小工具

进入 后台 – 外观 – 自定义 – 额外CSS 添加下面文件里的代码:

/*加群小工具*/
.yfx-jiaqun h5 {
    font-size: 16px;
    line-height: 1.4;
}
.yfx-jiaqun-small {
    padding: 15px;
}
.yfx-jiaqun p {
    max-width: 80%;
}
.yfx-jiaqun {
    letter-spacing: .5px;
}
.yfx-jiaqun .btn {
    font-size: 13px;
}
.yfx-jiaqun .btn i {
    margin-right: 3px;
}
.yfx-jiaqun .helper-thumb {
    position: absolute;
    right: 0;
    bottom: 0;
}
.yfx-jiaqun-btn-on {
    color: #fff;
    background: #2c63ff!important;
    box-shadow: 0 3px 10px -1px #2c63ff!important;
    border: 0;
}
/*加群小工具*/

进入 后台 – 外观 – 小工具 – 拖动自定义html到文章侧边栏 然后添加下面的代码:

<section class="yfx-jiaqun">
		<div class="yfx-jiaqun-small">
			<p>分享最新WordPress教程<br> 共同学习，共同进步，共同成长！</p>
			<a href="https://jq.qq.com/?_wv=1027&k=AjrLKYRl" class="btn yfx-jiaqun-btn-on" uk-toggle=""><i class="iconfont icon-qq"></i>QQ交流群</a>
			<div class="helper-thumb"><img src="https://z3.ax1x.com/2021/07/14/WZbbL9.png" alt="源分享"> </div>
		</div>
	</section>

菜单分类美化

进入 后台 – 外观 – 自定义 – 额外CSS 添加下面文件里的代码:

/* 菜单分类美化 */
.navbar .menu-item:hover>.sub-menu {
    border-radius:5px 5px 5px 5px;
}

.navbar .nav-list>.menu-item>a {
    font-size: 12px;
    line-height: 100px;
}
.navbar .sub-menu .sub-menu{
    left:110%
}

分类文章模块美化

进入 后台 – 外观 – 自定义 – 小工具 – Ri-首页模块: 分类文章展示 – 标题添加下面的代码:

<div class="form-group none">
		<h2 style="display:inline-block"> <img
				src="https://z3.ax1x.com/2021/07/14/WV7EAf.png" width="30px" ;=""
				style="margin-top: -6px;display:inline-block;"> WordPress </h2> <a
			href="https://www.yfxw.cn/"><button style="width:12%;float:right;display:inline-block;"
				type="button" class="btn badge-success"> 插件 <span class="badge badge-light">99+</span> </button></a> <a
			href="https://www.yfxw.cn/"><button
				style="width:12%;float:right;margin-right:20px;display:inline-block;" type="button"
				class="btn badge-warning"> 主题 <span class="badge badge-light">99+</span> </button></a>
		<div class="clearfix"></div>
	</div>
	<div class="only">
		<h4 style="display:inline-block"> <img
				src="https://z3.ax1x.com/2021/07/14/WV71H0.png" width="30px" ;=""
				style="margin-top: -6px;display:inline-block;"> CMS资源</h4>
		<style>
			.only {
				display: inline;
			}

			@media (min-width: 950px) {
				.only {
					display: none;
				}
			}
		</style>
	</div>

轮播图样式圆角修改

进入路径: rizhuti-v2/assets/css  打开app.css 找到大约909行, 如图:

全部替换成:

.module.slider.img-center .slider {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-position: center;
    background-size: cover;
    height: calc(50vh - 20px);
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

其他业务模块

进入 后台 – 外观 – 自定义 – 小工具 – 自定义html 添加下面的代码:

<div class="row">
  <div class="col-sm-6">
    <div class="card">
      <div class="card-body">
<h3>资源的数量没满足现状?</h3><p class="card-text">带上你的需求想法, 去提交需求, 根据会员等级取决你的需求处理态度,我们保障你的所有需求都会得到有效响应。</p>
<a href="https://www.yfxw.cn/" class="btn btn-primary">去提交</a>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="card">
<div class="card-body">
<h3>想和这个网站的速度一样的快?</h3>
<p class="card-text">联系开心,获得极速优化手段及处理, 保障你的站在访问体验领先其他同等条件下的站长!</p>
<a href="http://wpa.qq.com/msgrd?v=3&uin=26341012&site=qq&menu=yes" class="btn btn-primary">联系开心</a>
      </div>
    </div>
  </div>
</div>
<br>

会员介绍模块

进入 后台 – 外观 – 自定义 – 小工具 – 自定义html 添加下面的代码:

<style>
#yfx {text-align: center}
</style>
<div id="yfx">
 
<div class="card-deck">
     
  <div class="card">
   
    <div class="card-body">
<div class="h1 text-center mb-0 text-danger">￥<span class="price">3.33</span></div>
 
        <ul class="feature list-unstyled pl-0">
 
            <li class="feature-list"><i class="fas fa-check text-success mr-1"></i>赞助本站 ￥3.33 月费会员</li>
            <li class="feature-list"><i class="fas fa-check text-success mr-1"></i>时长30天不限速下载进程</li>
            <li class="feature-list"><i class="fas fa-check text-success mr-1"></i>后台工单优先处理, 48h响应</li>
            <li class="feature-list"><i class="fas fa-check text-success mr-1"></i>本站所有资源免费搭建2次/月</li>
            <li class="feature-list"><i class="fas fa-check text-success mr-1"></i>每日下载次数4次持续1个月</li> </ul>  
            <label for="post_price_opt_vip" data-price="免费"><span class="circle"></span><b class="text-warning"><i class="fa fa-diamond"></i> VIP月费</b></label>
      <p class="card-text"><small class="text-muted">售后处理较慢,不推荐</small></p>
            <button type="button" class="btn btn-primary btn-lg btn-block" onclick="javascrtpt:window.location.href='https://www.yfxw.cn/user/vip'" >普通月会</button>
 
    </div>
  </div>
  <div class="card">
   
    <div class="card-body">
<div class="h1 text-center mb-0 text-danger">￥<span class="price">6.66</span></div>
 
        <ul class="feature list-unstyled pl-0">
 
            <li class="feature-list"><i class="fas fa-check text-success mr-1"></i>赞助本站 ￥6.66 年费会员</li>
            <li class="feature-list"><i class="fas fa-check text-success mr-1"></i>时长365天不限速下载进程</li>
            <li class="feature-list"><i class="fas fa-check text-success mr-1"></i>后台工单优先处理, 48h响应</li>
            <li class="feature-list"><i class="fas fa-check text-success mr-1"></i>本站所有资源免费搭建3次/月</li>
            <li class="feature-list"><i class="fas fa-check text-success mr-1"></i>每日下载次数5次持续1个月</li> </ul>
            <label for="post_price_opt_vip" data-price="免费"><span class="circle"></span><b class="text-warning"><i class="fa fa-diamond"></i> SVIP年费</b></label>
            <p class="card-text"><small class="text-muted">极速工单响应, 售后24h</small></p>
<button type="button" class="btn btn-primary btn-lg btn-block" onclick="javascrtpt:window.location.href='https://www.yfxw.cn/user/vip'" >一年超会</button>
 
    </div>
  </div>
  <div class="card">
   
    <div class="card-body">
<div class="h1 text-center mb-0 text-danger">￥<span class="price">8.88</span></div>
 
        <ul class="feature list-unstyled pl-0">
 
            <li class="feature-list"><i class="fas fa-check text-success mr-1"></i>赞助本站 ￥8.88 永久会员</li>
            <li class="feature-list"><i class="fas fa-check text-success mr-1"></i>时长9999天不限速下载进程</li>
            <li class="feature-list"><i class="fas fa-check text-success mr-1"></i>后台工单优先处理, 12h响应</li>
            <li class="feature-list"><i class="fas fa-check text-success mr-1"></i>本站所有资源免费搭建5次/月</li>
            <li class="feature-list"><i class="fas fa-check text-success mr-1"></i>每日下载次数5次持续1个月</li> </ul>
            <label for="post_price_opt_vip" data-price="免费"><span class="circle"></span><b class="text-warning"><i class="fa fa-diamond"></i> SVIP永久会员</b></label>
            <p class="card-text"><small class="text-muted">极速工单响应, 售后24h</small></p>
            <button type="button" class="btn btn-primary btn-lg btn-block" onclick="javascrtpt:window.location.href='https://www.yfxw.cn/user/vip'" >至尊永会<span class="badge badge-warning rounded ml-2">推荐</span></button>
 
    </div>
  </div>
</div>
</div>
<br>

菜单角标

进入 后台 – 外观 – 自定义 – 额外CSS 添加下面的的代码:

/* 分类角标 */
.yfxxin {
display: inline-block;
transform: translateY(-12px);
    font-size: .75rem;
    letter-spacing: 0.05em;
background: linear-gradient(to top, #b4b1ef, #e21fc7 7.56%);
    color: #ffffff;
    border-radius: 1rem;
    padding: .15rem .275rem;
    line-height: 1;
    font-weight: bold;
}
 
.new {
    display: inline-block;
    transform: translateY(-12px);
    font-size: .75rem;
    letter-spacing: 0.05em;
    background: linear-gradient(to top, #f308a0 0%, #fb0655 100%);
    color: #ffffff;
    border-radius: 1rem;
    padding: .15rem .275rem;
    line-height: 1;
    font-weight: bold;
}

然后进入 后台 – 外观 – 菜单 你的菜单名称后面添加代码:

<span class="yfxxin"> 新</span>