RIPRO主题美化-整站侧边栏跟随导航条强化版

教程开始

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" rel="external nofollow" ><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内容整体复制到最下面并保存

 

效果样式