WordPress RiPro主题美化之整站侧边导航条（更新到子主题）

分为子主题和原版，原版需要替换主题文件，子主题版直接使用即可（需要主题包5.4以上）！

更新到子主题（5.4以上版本可以使用！）

子主题直接替换就可以，原版的按照以下教程继续使用

教程开始

1、找到/wp-content/themes/ripro/footer.php目录，

在footer.php搜索

<div class=”rollbar”>

复制附件里的footer.php将代码覆盖掉以下原版代码

<div class="rollbar">
	<?php if (_cao('site_kefu_qq')) : ?>
    <div class="rollbar-item tap-qq" etap="tap-qq"><a target="_blank" title="QQ咨询" href="http://wpa.qq.com/msgrd?v=3&uin=<?php%20echo%20_cao('site_kefu_qq');?>&site=qq&menu=yes"><i class="fa fa-qq"></i></a></div>
    <?php endif; ?>

	<div class="rollbar-item" etap="to_full" title="全屏页面"><i class="fa fa-arrows-alt"></i></div>
	<?php if (_cao('is_ripro_dark_btn')) : ?>
    <div class="rollbar-item tap-dark" etap="tap-dark" title="切换模式"><i class="mdi mdi-brightness-4"></i></div>
    <?php endif; ?>
	<div class="rollbar-item" etap="to_top" title="返回顶部"><i class="fa fa-angle-up"></i></div>
</div>
<style type="text/css">
.icon {
width: 1em; height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
</style>

并修改附件里面的”80027422″为您的客服qq号（根据自己站点的内容修改文字及连接）

2、找到/wp-content/themes/ripro/assets/css/diy.css

并将附件内的div.css内容整体复制到最下面并保存

效果样式