RIpro主题整站侧边导航条（更新到子主题）

教程开始

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

在footer.php搜索

<div class=”rollbar”>

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

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

<divclass=”rollbar-item” etap=”to_full” title=”全屏页面”><iclass=”fa fa-arrows-alt”></i></div>
<?php if (_cao(‘is_ripro_dark_btn’)) : ?>
<divclass=”rollbar-item tap-dark” etap=”tap-dark” title=”切换模式”><iclass=”mdi mdi-brightness-4″></i></div>
<?php endif; ?>
<divclass=”rollbar-item” etap=”to_top” title=”返回顶部”><iclass=”fa fa-angle-up”></i></div>
</div>
<styletype=”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内容整体复制到最下面并保存

效果样式