最近有不少朋友想要狐狸库的底部页脚美化,其实狐狸对代码也是半知半解,此项美化也是狐狸东拼西凑来的,所以也是比较杂乱,原本是想修改好再分享给大家,但是最近一直没时间,无奈大家热情难却,今天就抽空先分享给大家!今天把手机端也适配好了,目前手机端、PC端、IPAD端均正常显示。
效果预览
美化简介
- 修复二维码显示被遮挡
- 取消两套备案信息显示,保留底部一套。
- 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;
}
页面加载耗时功能
部署教程
代码和需要用到的图片已经打包在下方,需要的可在下方下载。
- CSS代码和JS代码上传到网站根目录解压即可(调用默认根目录,亦可自行选择更换上传目录)。
- 部署路径:
/www/wwwroot/huliku.com/wp-content/themes/zibll/footer.php
先备份原文件,将下载的footer.php
代码直接覆盖即可。 - 把所有图片路径和链接修改成你自己的即可大功告成了!
说明
- 由于前期大家要求代码比较急,一直没时间适配移动端,所以前期已经部署了代码的请重新按照本教程安装&修改。
- 本站积分均可每日签到翻牌&抽奖获得,也希望大家常来狐狸库作客!还有什么不懂的可联系站长或在下方留言。
- 如需移动端显示
统计模块
请删除footer.php
内的class='visible-lg-block visible-md-block'
即可。 - 本教程由【狐狸库】原创首发,未经允许请勿转载,谢谢合作!
- 特别鸣谢:【星空门户】站长 “冰天ღ” 先生的鼎力相助!
感谢您的来访,获取更多精彩文章请收藏本站。
© 版权声明
THE END
暂无评论内容