前言:
您是否要向网站上的用户显示统计信息,例如帖子总数,评论,注册用户等? 在本文中,我们将向您展示如何在WordPress网站上显示简单的博客统计信息。
网站信息统计,网上有很多,如插件啦等,诸如此类。小工具类的网上教程也很多,但是大多数的都是只有文字,没有美化,体现简洁风。但作为不干正式的阳阳.来说,肯定是要修改一番的。(如本站左下角侧边栏展开所示)胡桃……胡桃——胡桃!!!嘿嘿嘿(●ˇ∀ˇ●)
教程:
第一步
准备11张裁剪图片
由一张图片平均分成11份
这里已经准备了两种,如本站所示
第二步
<?php
class EfanWebsitestat extends WP_Widget {
function __construct ( ) {
$widget_ops = array ('classname' => 'widget_Websitestat' , 'description' => '显示网站的统计信息' );
parent ::__construct (false , 'BatCat 网站统计' , $widget_ops );
}
function form ($instance ) {
$instance = wp_parse_args (
(array )$instance ,
array (
'title' => '网站信息统计' ,
'establish_time' => '2021-10-01'
)
);
$title = htmlspecialchars ($instance ['title' ]);
$establish_time = htmlspecialchars ($instance ['establish_time' ]);
$output = '<table>' ;
$output .= '<tr><td>标题</td><td>' ;
$output .= '<input id="' .$this ->get_field_id ('title' ) .'" name="' .$this ->get_field_name ('title' ).'" type="text" value="' .$instance ['title' ].'" />' ;
$output .= '</td></tr><tr><td>建站时间:</td><td>' ;
$output .= '<input id="' .$this ->get_field_id ('establish_time' ) .'" name="' .$this ->get_field_name ('establish_time' ).'" type="text" value="' .$instance ['establish_time' ].'" />' ;
$output .= '</td></tr></table>' ;
echo $output ;
}
function update ($new_instance , $old_instance ) {
$instance = $old_instance ;
$instance ['title' ] = strip_tags (stripslashes ($new_instance ['title' ]));
$instance ['establish_time' ] = strip_tags (stripslashes ($new_instance ['establish_time' ]));
return $instance ;
}
function widget ($args , $instance ) {
extract ($args );
$title = apply_filters ('widget_title' ,empty ($instance ['title' ]) ? ' ' : $instance ['title' ]);
$establish_time = empty ($instance ['establish_time' ]) ? '2021-01-01' : $instance ['establish_time' ];
echo $before_widget ;
echo $before_title . $title . $after_title ;
echo '<div class="widgest-boys"><ul>' ;
$this ->efan_get_websitestat ($establish_time );
echo '</ul></div>' ;
echo $after_widget ;
}
function efan_get_websitestat ($establish_time ) {
global $wpdb ;
$count_posts = wp_count_posts ();
$published_posts = $count_posts ->publish;
$comments_count = $wpdb ->get_var ("SELECT COUNT(*) FROM $wpdb ->comments" );
$time = floor ((time ()-strtotime ($establish_time ))/86400 );
$count_tags = wp_count_terms ('post_tag' );
$count_pages = wp_count_posts ('page' );
$link = $wpdb ->get_var ("SELECT COUNT(*) FROM $wpdb ->links WHERE link_visible = 'Y'" );
$users = $wpdb ->get_var ("SELECT COUNT(ID) FROM $wpdb ->users" );
$last = $wpdb ->get_results ("SELECT MAX(post_modified) AS MAX_m FROM $wpdb ->posts WHERE (post_type = 'post' OR post_type = 'page') AND (post_status = 'publish' OR post_status = 'private')" );
$last = date ('Y-m-d' , strtotime ($last [0 ]->MAX_m));
$total_views = $wpdb ->get_var ("SELECT SUM(meta_value+0) FROM $wpdb ->postmeta WHERE meta_key = 'views'" );
$output = '<div class="widgest-bg widgest-bg1"><div class="widgest-main"><div class="widgest-meat"><li>文章总数:' ;
$output .= $published_posts ;
$output .= ' 篇</li></div></div></div>' ;
$output .= '<div class="widgest-bg widgest-bg2"><div class="widgest-main"><div class="widgest-meat"><li>评论数目:' ;
$output .= $comments_count ;
$output .= ' 条</li></div></div></div>' ;
$output .= '<div class="widgest-bg widgest-bg3"><div class="widgest-main"><div class="widgest-meat"><li>标签总数:' ;
$output .= $count_tags ;
$output .= ' 个</li></div></div></div>' ;
$output .= '<div class="widgest-bg widgest-bg4"><div class="widgest-main"><div class="widgest-meat"><li>浏览次数:' ;
$output .= $total_views ;
$output .= ' 次</li></div></div></div>' ;
$output .= '<div class="widgest-bg widgest-bg5"><div class="widgest-main"><div class="widgest-meat"><li>友链总数:' ;
$output .= $link ;
$output .= ' 个</li></div></div></div>' ;
$output .= '<div class="widgest-bg widgest-bg6"><div class="widgest-main"><div class="widgest-meat"><li>用户总数:' ;
$output .= $users ;
$output .= ' 个</li></div></div></div>' ;
$output .= '<div class="widgest-bg widgest-bg7"><div class="widgest-main"><div class="widgest-meat"><li>运行天数:' ;
$output .= $time ;
$output .= ' 天</li></div></div></div>' ;
$output .= '<div class="widgest-bg widgest-bg8"><div class="widgest-main"><div class="widgest-meat"><li>建站时间:' ;
$output .= $establish_time ;
$output .= '</li></div></div></div>' ;
$output .= '<div class="widgest-bg widgest-bg9"><div class="widgest-main"><div class="widgest-meat"><li>最后更新:' ;
$output .= $last ;
$output .= '</li></div></div></div>' ;
$output .= '<div class="widgest-bg widgest-bg10"><div class="widgest-main"><div class="widgest-meat"><li>数据查询:' ;
$output .= get_num_queries ();
$output .= ' 次 </li></div></div></div>' ;
$output .= '<div class="widgest-bg widgest-bg11"><div class="widgest-main"><div class="widgest-meat"><li>生成耗时:' ;
$output .= timer_stop (0 ,5 );
$output .= '秒</li></div></div></div>' ;
echo $output ;
}
}
function EfanWebsitestat ( ) {
register_widget ('EfanWebsitestat' );
}
add_action ('widgets_init' ,'EfanWebsitestat' );
?>
第三步
修改functions.php文件
Sakurairo主题路径:/wp-content/themes/Sakurairo-master/functions.php
在最底部,或者别的位置添加下列代码
include ("widget-websitestat.php" );
第四步
添加自定义CSS样式
Sakurairo主题可在后台 iro主题设置->其他设置- >低使用设置 添加
.widget_Websitestat h3 {font-weight :700 ;}.widgest-boys {overflow :hidden;}.widgest-boys .widgest-bg {margin : 4px ; background-size : cover; background-repeat : no-repeat; background-position : center center; cursor : pointer; border-radius : 8px ;}.widgest-boys .widgest-main {align-items : center; place-content : flex-start space-around; display : flex;}.widgest-boys .widgest-meat {display : block; margin-block-start : 1em ; margin-block-end : 1em ; margin-inline-start : 0px ; margin-inline-end : 0px ; color : rgb (255 , 255 , 255 ); font-weight : 700 !important ; line-height : 1.5 !important ;}.widgest-bg :not (article ){transition : all 0.3s ;}.widgest-bg :not (article ):hover {transform : translateX (-10px );}
.widgest-bg1 {background-image : linear-gradient (rgba (0 , 0 , 0 , 0.2 ), rgba (0 , 0 , 0 , 0.2 )),url (https://cdn.ayya.top/CDN/blog/set/websitestat/1.jpg );}
.widgest-bg2 {background-image : linear-gradient (rgba (0 , 0 , 0 , 0.2 ), rgba (0 , 0 , 0 , 0.2 )),url (https://cdn.ayya.top/CDN/blog/set/websitestat/2.jpg );}
.widgest-bg3 {background-image : linear-gradient (rgba (0 , 0 , 0 , 0.2 ), rgba (0 , 0 , 0 , 0.2 )),url (https://cdn.ayya.top/CDN/blog/set/websitestat/3.jpg );}
.widgest-bg4 {background-image : linear-gradient (rgba (0 , 0 , 0 , 0.2 ), rgba (0 , 0 , 0 , 0.2 )),url (https://cdn.ayya.top/CDN/blog/set/websitestat/4.jpg );}
.widgest-bg5 {background-image : linear-gradient (rgba (0 , 0 , 0 , 0.2 ), rgba (0 , 0 , 0 , 0.2 )),url (https://cdn.ayya.top/CDN/blog/set/websitestat/5.jpg );}
.widgest-bg6 {background-image : linear-gradient (rgba (0 , 0 , 0 , 0.2 ), rgba (0 , 0 , 0 , 0.2 )),url (https://cdn.ayya.top/CDN/blog/set/websitestat/6.jpg );}
.widgest-bg7 {background-image : linear-gradient (rgba (0 , 0 , 0 , 0.2 ), rgba (0 , 0 , 0 , 0.2 )),url (https://cdn.ayya.top/CDN/blog/set/websitestat/7.jpg );}
.widgest-bg8 {background-image : linear-gradient (rgba (0 , 0 , 0 , 0.2 ), rgba (0 , 0 , 0 , 0.2 )),url (https://cdn.ayya.top/CDN/blog/set/websitestat/8.jpg );}
.widgest-bg9 {background-image : linear-gradient (rgba (0 , 0 , 0 , 0.2 ), rgba (0 , 0 , 0 , 0.2 )),url (https://cdn.ayya.top/CDN/blog/set/websitestat/9.jpg );}
.widgest-bg10 {background-image : linear-gradient (rgba (0 , 0 , 0 , 0.2 ), rgba (0 , 0 , 0 , 0.2 )),url (https://cdn.ayya.top/CDN/blog/set/websitestat/10.jpg );}
.widgest-bg11 {background-image : linear-gradient (rgba (0 , 0 , 0 , 0.2 ), rgba (0 , 0 , 0 , 0.2 )),url (https://cdn.ayya.top/CDN/blog/set/websitestat/11.jpg );}
第五步
后台 外观->小工具,添加BatCat网站信息统计
记得更新,删除缓存,查看效果
ps:若是Sakurairo主题,需在后台iro主题设置开启小工具,如下图
结语
码源源于网上,爬虫居多,无法确认原创
以上皆是根据自己的建站美化修改记录来写,教程是原创
希望能帮助到各位站长
可以根据需要修改代码,留下自己需要的,图片裁剪
最后祝各位新年快乐O(∩_∩)O
Comments NOTHING