Typecho-handsome主题统计访客人次

简介: 本次增强是基于handsome6.0版本的一个右侧栏博客信息的增强,如下图所示,初始的handsome主题博客信息栏只有四个栏目信息————分别是:文章数目,评论数目,运行天数,最后活动。那么该如何修改源代码来实现增加多个栏目呢?本次以添加一个记录网站总浏览人次的功能为例

本次增强是基于handsome6.0版本的一个右侧栏博客信息的增强,如下图所示,初始的handsome主题博客信息栏只有四个栏目信息————分别是:文章数目,评论数目,运行天数,最后活动。那么该如何修改源代码来实现增加多个栏目呢?本次以添加一个记录网站总浏览人次的功能为例



源代码目录及位置

首先进到网站根目录,按如下图路径依次进入:.../usr/themes/handsome/component,然后点击sidebar文件进入源代码,下拉至98,99行的样子,如下图所示

429ddd365d140daad093f288300f0d4.png

然后粘贴以下代码到"最后活动"所在那条代码的下方,如下图所示

<li class="list-group-item text-second"><span class="blog-info-icons"> <i data-feather="calendar"></i> 
</span><span class="badge
           pull-right"><?php  echo theAllViews(); ?>人次</span><?php _me("访客总量") ?></li>

227a7f0ae3e36bdea675a39664e58f7.png


记录访客人次函数设计

复制以下代码,然后按以下路径依次进入到functions所在目录:.../usr/themes/handsome,然后点击functions文件进入源代码拉到最下面,然后粘贴代码,效果如下图所示

function theAllViews()
        {
            $db = Typecho_Db::get();
            $row = $db->fetchAll('SELECT SUM(VIEWS) FROM `typecho_contents`');
                echo number_format($row[0]['SUM(VIEWS)']);
        }

7d88d5342c4674b1058a81dc0f2f031.png


最终效果

最终效果如下图所示,可以看到,右侧博客信息栏最下方新增了一个记录网站总浏览人次的小栏目,同理按照上述的思路,可以设计多种不同的功能添加到博客信息栏,需要自己去探索啰!


7e9d805f1bc2ff77e4224afbd428457.png

目录
相关文章
Typecho-handsome主题如何统计全站字数
在使用handsome主题的过程中,每篇文章都会自动进行字数的统计,但是如何才能统计出我们首页从开始到至今写的所有文章的字数之和呢?今天的教程告诉大家如何在Typecho-handsome主题中统计全站字数!
192 1
Typecho-handsome主题如何统计全站字数
|
PHP
Typecho-handsome主题——时间轴日志模板
本篇文章主要讲述了如何为Typecho中handsome主题添加一个新的独立页面模板——时间轴日志
723 2
Typecho-handsome主题——时间轴日志模板
Typecho-handsome主题如何增加侧边导航栏
handsome主题在使用的过程中导航栏初始时只有首页一个导航页面,本篇文章主要讲解一下应该如何修改源代码增加多个导航栏并且为其设置子导航
301 1
Typecho-handsome主题如何增加侧边导航栏
|
前端开发 JavaScript 开发者
Typecho-handsome主题美化
本篇文章主要介绍一下handsome主题的美化教程
533 0
Typecho-handsome主题美化
|
JSON JavaScript 小程序
HackerNews新闻列表功能描述|学习笔记
快速学习 HackerNews新闻列表功能描述
HackerNews新闻列表功能描述|学习笔记
handsome主题博客信息添加访客数量和网站响应耗时
handsome主题博客信息添加访客数量和网站响应耗时
296 1
|
数据采集 Python
Python爬虫:使用newspaper解析新闻页面信息
Python爬虫:使用newspaper解析新闻页面信息
412 0
|
JavaScript 前端开发 开发者
自定义typecho handsome主题标签云颜色
自定义typecho handsome主题标签云颜色
273 0
|
PHP 数据安全/隐私保护
如何在WORDPRESS中添加CNZZ等统计代码
如何在WORDPRESS中添加CNZZ等统计代码http://www.bieryun.com/1257.html1, 首先进入我们的WordPress网站后台,即在浏览器上输入 网站域名/wp-login,如我的网站是输入forlong401.
3427 0