Typecho使用技巧

一:Typecho获取当前页面加载完成速度时间
判断当前页面加载是否快速,通常是直接在浏览器中访问网站,看自己的直观感受是否快速。而客观的方法则是计算具体的页面加载时间并显示出来给看。

1.在当前主题的functions.php文件添加下面的代码:
function timer_start() {
global $timestart;
$mtime = explode( ' ', microtime() );
$timestart = $mtime[1] + $mtime[0];
return true;
}
timer_start();
function timer_stop( $display = 0, $precision = 3 ) {
global $timestart, $timeend;
$mtime = explode( ' ', microtime() );
$timeend = $mtime[1] + $mtime[0];
$timetotal = number_format( $timeend - $timestart, $precision );
$r = $timetotal < 1 ? $timetotal * 1000 . " ms" : $timetotal . " s";
if ( $display ) {
echo $r;
}
return $r;
}
2.在要显示加载时间的位置添加调用代码

二:Typecho文章阅读次数统计功能
文章阅读次数是文章很重要的一个元素,通过它可以知道文章被访问的次数。博客吧前面介绍有Typecho浏览统计和热门文章调用插件TePostViews,通过该插件就可以实现统计每篇文章的阅读浏览次数。但是除了使用插件外,其实也可以直接在typecho主题中添加函数代码实现。此外下面分享的typecho阅读次数统计代码加入了cookie验证,重复刷新页面也只会增加一次阅读次数。

1.在当前主题的functions.php文件中添加以下代码:
function get_post_view($archive){
$cid = $archive->cid;
$db = Typecho_Db::get();
$prefix = $db->getPrefix();
if (!array_key_exists('views', $db->fetchRow($db->select()->from('table.contents')))) {
$db->query('ALTER TABLE `' . $prefix . 'contents` ADD `views` INT(10) DEFAULT 0;');
echo 0;
return;
}
$row = $db->fetchRow($db->select('views')->from('table.contents')->where('cid = ?', $cid));
if ($archive->is('single')) {
$views = Typecho_Cookie::get('extend_contents_views');
if(empty($views)){
$views = array();
}else{
$views = explode(',', $views);
}
if(!in_array($cid,$views)){
$db->query($db->update('table.contents')->rows(array('views' => (int) $row['views'] + 1))->where('cid = ?', $cid));
array_push($views, $cid);
$views = implode(',', $views);
Typecho_Cookie::set('extend_contents_views', $views); //记录查看cookie
}
}
echo $row['views'];
}
2.在主题的post.php(文章内容页面)、index.php(列表页)或page.php(单页面)文件中添加阅读次数调用代码:

三:Typecho博客统计信息调用代码
以下代码实现的功能是在网站前端界面,调用整站的文章总数、分类总数、评论总数以及页面总数量显示在指定位置,操作简单,直接把代码复制使用即可,当然显示样式需要自行编写

1.统计代码:
options->sidebarBlock && in_array('showSiteStatistics', $this->options->sidebarBlock)): ?>


    to($stat); ?>

  • publishedPostsNum() ?>
  • categoriesNum() ?>
  • publishedCommentsNum() ?>
  • publishedPagesNum + $stat->publishedPostsNum; ?>
  • 四:Typecho导航栏调用分类目录
    Typecho的默认主题导航菜单部分调用的是独立页面,而我们搭建网站一般是把分类目录显示在导航栏,或者把分类目录和独立页面一起显示在导航栏,这样便于访客浏览网站目录

    1.只显示分类目录
    ①在主题的header.php文件中找到代码:
    widget('Widget_Contents_Page_List')->to($pages); ?>
    next()): ?>
    is('page', $pages->slug)): ?> class="current" href="permalink(); ?>" title="title(); ?>">title(); ?>

    ②修改为以下代码:
    widget('Widget_Metas_Category_List')->to($category); ?>
    next()): ?>

  • is('category', $category->slug)): ?> class="current" href="permalink(); ?>" title="name(); ?>">name(); ?>

  • 2.分类目录和独立页面都显示
    ①在主题的header.php文件中找到代码:
    widget('Widget_Contents_Page_List')->to($pages); ?>
    next()): ?>
    is('page', $pages->slug)): ?> class="current" href="permalink(); ?>" title="title(); ?>">title(); ?>

    ②在该代码上面添加代码
    widget('Widget_Metas_Category_List')->to($category); ?>
    next()): ?>

  • is('category', $category->slug)): ?> class="current" href="permalink(); ?>" title="name(); ?>">name(); ?>

  • 五:Typecho自定义文章评论列表样式
    Typecho文章评论列表通过$comments->listComments()函数代码即可调用,但存在一个问题,就是评论列表的HTML结构是固定的,限制了文章评论列表样式的设计空间,开发者只能根据其固定的HTML结构设计评论样式,庆幸的是typecho也支持自定义该函数的HTML代码

    1.自定义单条评论的HTML代码
    ①在自定义评论前,先设计好单条评论的HTML代码结构,如:

  • 评论时间
    回复按钮

    我是评论内容


  • 2.自定义评论函数
    ①编辑主题的comments.php文件,在文件中第一行添加以下函数代码
    $commentClass = '';
    if ($comments->authorId) {
    if ($comments->authorId == $comments->ownerId) {
    $commentClass .= ' comment-by-author'; //如果是文章作者的评论添加 .comment-by-author 样式
    } else {
    $commentClass .= ' comment-by-user'; //如果是评论作者的添加 .comment-by-user 样式
    }
    }
    $commentLevelClass = $comments->_levels > 0 ? ' comment-child' : ' comment-parent'; //评论层数大于0为子级,否则是父级
    ?>


    ②把上面自定义单条评论的HTML代码放在自定义评论函数代码注释的地方,如下
    $commentClass = '';
    if ($comments->authorId) {
    if ($comments->authorId == $comments->ownerId) {
    $commentClass .= ' comment-by-author'; //如果是文章作者的评论添加 .comment-by-author 样式
    } else {
    $commentClass .= ' comment-by-user'; //如果是评论作者的添加 .comment-by-user 样式
    }
    }
    $commentLevelClass = $comments->_levels > 0 ? ' comment-child' : ' comment-parent'; //评论层数大于0为子级,否则是父级
    ?>

  • 评论时间
    回复按钮

    我是评论内容



  • 3.用系统的评论变量替换HTML中相关属性
    把HTML里相关的属性,替换成typecho系统中的评论变量,变量的列表可以参考下面。下面的例子,是替换评论的id,替换前


  • 替换后

  • 注意:替换ID这里,还需要判断判断当前评论是父级评论还是子级评论,且判断评论 ID 的奇偶数等。
    4.添加嵌套评论(子评论)
    替换前:

    `
    替换后后如下:
    children) { ?> //是否嵌套评论判断开始

    threadedComments($options); ?> //嵌套评论所有内容

    //是否嵌套评论判断结束
    5.相关变量及说明
    gravatar('40', ''); ?> //头像,有两个参数,大小、默认头像?
    author(); ?> //评论作者
    permalink(); ?> //当前评论的连接地址
    date('Y-m-d H:i'); ?>//评论时间,可在括号里设置格式
    reply(); ?> //回复按钮,可在括号里自定义评论按钮的文字
    content(); ?> //评论内容
    commentStatus(); ?> //首次评论审核提示
    6.最终得到的代码
    把上面所有变量都替换完成之后,最终得到的代码如下
    $commentClass = '';
    if ($comments->authorId) {
    if ($comments->authorId == $comments->ownerId) {
    $commentClass .= ' comment-by-author';
    } else {
    $commentClass .= ' comment-by-user';
    }
    }

    $commentLevelClass = $comments->levels > 0 ? ' comment-child' : ' comment-parent';
    ?>


  • gravatar('40', ''); ?>
    author(); ?>

    content(); ?>
    commentStatus(); ?>


    children) { ?>
    threadedComments($options); ?>


  • 六:Typecho页面面包屑导航代码
    在网站页面中常见的如“首页 » 新闻中心 » 正文”的东西就是面包屑,页面面包屑通常用来展示当前页面在网站中的位置,以及对网站的SEO优化起到促进作用,特别是网页结构层次较深的网站,因此面包屑几乎是网站必备的模块

    面包屑代码:

    把上面的代码添加到要显示面包屑位置对应的模板文件中,如header.php

发表新评论