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

目录
相关文章
|
3月前
|
数据可视化 小程序 API
百度统计--给博客园添加访问统计
百度统计--给博客园添加访问统计
16 0
|
缓存
phpcms之 如何制作新闻列表页
phpcms之 如何制作新闻列表页
147 1
|
数据采集 缓存 搜索推荐
【网站 seo 排名优化】typecho Handsome 主题高排名权重优化方案
在博主采用的是 Handsome 主题,相比较 joe 主题,编辑、定制功能更为强大、方便,但却存在一个致命的问题,seo 效果比不上 joe 主题,也是因为切换了主题,搜索引擎收录的文章也有部分掉出。故,对于 Handsome 主题有必要对其进行针对性的 seo 优化。主要实现了以下针对性优化。
125 0
【网站 seo 排名优化】typecho Handsome 主题高排名权重优化方案
Typecho-handsome主题如何统计全站字数
在使用handsome主题的过程中,每篇文章都会自动进行字数的统计,但是如何才能统计出我们首页从开始到至今写的所有文章的字数之和呢?今天的教程告诉大家如何在Typecho-handsome主题中统计全站字数!
183 1
Typecho-handsome主题如何统计全站字数
|
PHP
Typecho-handsome主题——时间轴日志模板
本篇文章主要讲述了如何为Typecho中handsome主题添加一个新的独立页面模板——时间轴日志
704 2
Typecho-handsome主题——时间轴日志模板
typecho统计博客所有文章的字数
typecho统计博客所有文章的字数
116 0
typecho统计博客所有文章的字数
|
前端开发 JavaScript 开发者
Typecho-handsome主题美化
本篇文章主要介绍一下handsome主题的美化教程
527 0
Typecho-handsome主题美化
|
JSON JavaScript 小程序
HackerNews新闻列表功能描述|学习笔记
快速学习 HackerNews新闻列表功能描述
HackerNews新闻列表功能描述|学习笔记
handsome主题博客信息添加访客数量和网站响应耗时
handsome主题博客信息添加访客数量和网站响应耗时
287 1
|
数据采集 Python
Python爬虫:使用newspaper解析新闻页面信息
Python爬虫:使用newspaper解析新闻页面信息
396 0