自定义子比主题底部footer页脚美化(自适应)[08.30更新]

自定义子比主题底部footer页脚美化(自适应)[08.30更新]-程序猿
自定义子比主题底部footer页脚美化(自适应)[08.30更新]
此内容为付费资源,请付费后查看
100积分
付费资源
已售 3

已获得【狐狸库】转载授权

最近有不少朋友想要狐狸库的底部页脚美化,其实狐狸对代码也是半知半解,此项美化也是狐狸东拼西凑来的,所以也是比较杂乱,原本是想修改好再分享给大家,但是最近一直没时间,无奈大家热情难却,今天就抽空先分享给大家!今天把手机端也适配好了,目前手机端、PC端、IPAD端均正常显示。

效果预览

狐狸库自定义子比主题底部footer页脚美化(自适应)-狐狸库
PC端显示效果(请查看本站)
狐狸库自定义子比主题底部footer页脚美化(自适应)-狐狸库
iPad显示效果(iPad Air)
狐狸库自定义子比主题底部footer页脚美化(自适应)-狐狸库
手机端 iPhone 12 Pro 显示效果

美化简介

  • 修复二维码显示被遮挡
  • 取消两套备案信息显示,保留底部一套。
  • PC端统计数据模块背景图可跟随上下滚动显示,详情请查看本站底部页脚效果。
  • 移动端(手机端、iPad端)取消统计数据模块显示,保留滚动波浪。
  • 增高移动端友情链接背景框,在不影响美观的情况下能容纳更多友链。
  • 文章数目、注册用户、本周发布、运行时间、总访问量、友情链接直接调用WordPress函数自动显示站点统计信息无需修改。

注:如有使用“子主题”的朋友请把文件放到对应“子主题”合适位置,修改好路径及链接即可。

本周发布

投放路径:/www/wwwroot/huliku.com/wp-content/themes/zibll/functions.php

将下方代码粘贴至functions.php文件内即可。否则“本周发布”将不显示或出现错乱。如已添加过请忽略。

/*
 * @Project       : 统计本周文章数量
 * @Author        : Huliku
 * @Url           : huliku.com
 * @LastEditTime  : 2023-06-26 02:23:48
 * @Email         : ihuliku@qq.com
 */
function get_posts_count_from_last_168h($post_type ='post') {
    global $wpdb;
    $numposts = $wpdb->get_var(
        $wpdb->prepare(
            "SELECT COUNT(ID) ".
            "FROM {$wpdb->posts} ".
            "WHERE ".
                "post_status='publish' ".
                "AND post_type= %s ".
                "AND post_date> %s",
            $post_type, date('Y-m-d H:i:s', strtotime('-168 hours'))
        )
    );
    return $numposts;
}

总访问量

使用方法同上,如未添加此代码将不显示统计效果或出现错乱,如已添加过请忽略此步。

/*
 * @Project       : 统计总访问量
 * @Author        : Huliku
 * @Url           : huliku.com
 * @LastEditTime  : 2023-06-26 02:23:48
 * @Email         : ihuliku@qq.com
 */
function nd_get_all_view(){
  global $wpdb;
  $count=0;
  $views= $wpdb->get_results("SELECT * FROM $wpdb->postmeta WHERE meta_key='views'");
  foreach($views as $key=>$value){
    $meta_value=$value->meta_value;
    if($meta_value!=' '){
      $count+=(int)$meta_value;
    }
  }return $count;
}

页面加载耗时功能

部署教程

代码和需要用到的图片已经打包在下方,需要的可在下方下载。

  1. CSS代码和JS代码上传到网站根目录解压即可(调用默认根目录,亦可自行选择更换上传目录)。
  2. 部署路径:/www/wwwroot/huliku.com/wp-content/themes/zibll/footer.php 先备份原文件,将下载的 footer.php 代码直接覆盖即可。
  3. 把所有图片路径和链接修改成你自己的即可大功告成了!

说明

  • 由于前期大家要求代码比较急,一直没时间适配移动端,所以前期已经部署了代码的请重新按照本教程安装&修改。
  • 本站积分均可每日签到翻牌&抽奖获得,也希望大家常来狐狸库作客!还有什么不懂的可联系站长或在下方留言。
  • 如需移动端显示 统计模块 请删除 footer.php 内的 class='visible-lg-block visible-md-block' 即可。
  • 本教程由【狐狸库】原创首发,未经允许请勿转载,谢谢合作!
  • 特别鸣谢:【星空门户】站长 “冰天ღ” 先生的鼎力相助!
欢迎加入程序猿大家庭(QQ群)~~~

感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
点赞16 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容