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


效果样式