跳过正文
  1. Posts/

WP主题侧边栏导航条设置教程

·107 字·1 分钟·
Kubehan
作者
Kubehan
云原生知识栈:深度解析容器技术、Kubernetes、Istio、DevOps 实践、Prometheus 监控、Envoy 代理、Golang 开发及云原生架构与微服务趋势的专业博客

WP主题侧边栏导航条设置教程
#

此教程是经过网上的一些教程整理而成的,网上很大一部分设置不成功,
这里给出RiPro主题最新设置方法

找到主题下找到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 echo _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_blog_style_btn','1')) : $_bid = (is_cao_site_list_blog()) ? 1 : 0 ; ?>
    <div class="rollbar-item tap-blog-style" etap="tap-blog-style" data-id="<?php echo $_bid; ?>" title="博客模式"><i class="fa fa-list"></i></div>
    <?php endif; ?>

        <?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>

替换为一下代码:

暂无优惠

已有55人支付

最后的效果就是本站的效果;记得把QQ群连接换了

 <li>
   <a class="fankui float-border float-text" href="https://jq.qq.com/?_wv=1027&k=feGPMWKg" target="_Blank">
    <i class="iconfont icon-qqq1"></i><br>QQ群
   </a>
  </li>