1.修改主题下footer.php

  • 搜索footer-bottom-left,把整个div替换成:
 <div class="footer-bottom-left">
        <?php echo $copyright_text; ?>
        <a href="<?php echo QK_HOME_URI; ?>" rel="home">&nbsp;<?php echo $blog_name; ?>保留资源解释权,如有侵权,请联系我及时处理</a>
        
        <?php if($footer_beian): ?>
            &nbsp;·&nbsp;<a rel="nofollow" target="__blank" href="https://beian.miit.gov.cn"><?php echo $footer_beian; ?></a>
        <?php endif; ?>
        
        <?php if($gongan): ?>
            &nbsp;·&nbsp;<a rel="nofollow" target="__blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=<?php echo $gongan_code; ?>">
                <img style="width: 20px;height: 20px; margin-right: 5px;" src="https://api.oss.laziness.cn/web/2024/05/beian-ico.png">
                <?php echo $gongan; ?>
            </a>
        <?php endif; ?>
    </div>



  • 在顶部php标签下添加
   $blog_name=get_bloginfo('name');
    $copyright_text='Copyright &copy; '.date('Y');


2.增加自定义HTML的css

@media screen and (max-width: 768px) {
.footer ul.footer-links {
    justify-content: center;
}
  
 .footer-mobile-tabbar {
    max-height: 65px;
}
     
  .footer .footer-bottom {
        margin-bottom: 50px;
        height: 130px !important;
        text-align: center !important;
        line-height: 20px !important;
        align-items: center !important;
        justify-content: center !important;
    }
  .footer .footer-bottom-left {
    display: inline-block;
    margin-top: 20px;
}
  .footer .footer-nav {
    padding-top: 12px;
    margin-bottom: -40px;
}
 .footer .footer-widget, .footer .footer-nav, .footer .footer-bottom-left a:first-of-type {
        display: revert;
    }
}

3.效果展示

  • 移动端

请输入图片描述

  • pc端

请输入图片描述

最后修改:2024 年 06 月 03 日
如果觉得我的文章对你有用,请随意赞赏