成为VIP
文章目录[隐藏]
这个效果前面在RiPro主题也出过美化教程，其实也差不多，今天这个效果和原来的效果差不多，只是代码有所不同，代码结构相对简洁，效果是参考RiPlus主题分类页的，下面我们来看看怎么美化吧。
注意：本教程适合在Rizhuti-V2主题、RiPro-V2主题上使用；RiPro主题文件结构有一定差异，如果需要在RiPro主题上使用，可参考本教程或是查看原《RiPro主题添加分类页波浪或底部波浪》，美化时尽量使用子主题，方便主题的后期升级！
美化教程：
1.这里以Rizhuti-V2子主题为例，RiPro-V2主题的文件路径也是一样，首先我们打开“rizhuti-v2-child/template-parts/global/term-bar.php”文件，在此文件最底部添加如下代码：
<div class="moveing-warp hidden-sm">
<div class="warp1 move"></div>
<div class="warp2 move"></div>
<div class="warp3 move"></div>
</div>
2.然后打开“rizhuti-v2-child/child-style.css”添加如下CSS样式代码：
隐藏内容
此处内容需要权限查看
会员免费查看3.下载图片文件move.svg，将此文件上传至“rizhuti-v2-child/assets/img”目录接口
4.最后刷新网页即可看到效果，方式就是这样，RiPro-V2主题也是如此，只是注意修改css样式中的主题文件夹名称！
公告： 本站提供的源码、模板、插件等等其他资源，除资源本身问题外，都不包含免费技术服务，如需技术支持需支付100+技术服务费，具体依客服说明为准，请大家谅解！
说明： 本站资源解压密码见“常见问题”，一般都为“www.360mb.net”！
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
说明： 本站资源解压密码见“常见问题”，一般都为“www.360mb.net”！
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
