Typecho自定义文章评论列表样式

typecho教程 2020-08-25

  typecho文章评论列表通过函数代码即可调用,但存在一个问题,就是评论列表的HTML结构是固定的,限制了文章评论列表样式的设计空间,开发者只能根据其固定的HTML结构设计评论样式,庆幸的是typecho也支持自定义该函数的HTML代码。下面是转自Typecho官方网站主题开发文档的自定义评论列表区域教程供大家学习参考。

  自定义单条评论的HTML代码

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

  自定义评论函数

  编辑主题的comments.php文件,在文件中第一行添加以下函数代码:

  把上面自定义单条评论的HTML代码放在自定义评论函数代码注释的地方,如下:

  用系统的评论变量替换HTML中相关属性

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

  替换前

  替换后

  注意:替换ID这里,还需要判断判断当前评论是父级评论还是子级评论,且判断评论 ID 的奇偶数等。

  添加嵌套评论(子评论)

  替换前:

  替换后后如下:

  相关变量及说明最终得到的代码

  把上面所有变量都替换完成之后,最终得到的代码如下:

  至此,函数的HTML结构就变成上面自定义的HTML结构了。

  注意:上面的自定义评论代码输出的,就是本来评论页里的下面这段代码,所以不要删除或修改这段代码。

  补充:其它评论变量

  原文地址:http://docs.typecho.org/themes/custom-comments

评论 (0)
    Top