前言
最近接触到CSS Grid 网格样式布局,所以就顺便拿来的改一下样式来做网站底部的信息统计模块,自我感觉挺好看的,嘿嘿
感觉还行就给大家分享出来
演示图
代码简简单单的使用HTML+jQuery+CSS,感觉CSS Grid 网格样式布局特别好用,但不知道浏览器兼不兼容。好啦,下面就分享教程。还是老样子,制作不易,禁止白嫖!
食用教程
代码在:/294.html
一、PHP代码:
1.在子比主题的主题目录下,header.php底部添加以下函数代码:
<!--调用信息代码--><!--底部统计用的代码--><script type="text/javascript" ><?php//用户总数$users = $wpdb->get_var("SELECT COUNT(ID) FROM $wpdb->users");echo "var tj_jstext="."'$users'";?></script><script type="text/javascript" ><?php/** WordPress获取今日发布文章数量*/function nd_get_24h_post_count(){$today = getdate();$query = new WP_Query( 'year=' . $today["year"] . '&monthnum=' . $today["mon"] . '&day=' . $today["mday"]);$postsNumber = $query->found_posts;return $postsNumber;}$post_24h = nd_get_24h_post_count();echo "var tj_24h="."'$post_24h'";?></script><script type="text/javascript" ><?php/** WordPress整站文章访问计数*/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;}$post_view = nd_get_all_view();echo "var tj_view="."'$post_view'";?></script><script type="text/javascript" ><?php//日志总数$count_posts = wp_count_posts(); $published_posts =$count_posts->publish;echo "var tj_rzzs="."'$published_posts'";?></script><script type="text/javascript" ><?php//稳定运行$wdyx_time = floor((time()-strtotime("-04-29"))/86400);echo "var tj_wdyx="."'$wdyx_time'";?></script><!--调用信息代码结束-->