检测开发的主题

0条评论

检测开发的主题

开发&编码

页眉

  • 检查DOCTYPE类型是否合适
  • 是否调用了wp_head() 函数
  • <html>标签应包含language_attributes()
  • 是否有自动查找RSS订阅的链接

页脚

  • 是否调用wp_footer()函数

出错处理

  • 是否有404页面
  • 搜索页面是否管用(能否导航到http://网站名.com/?s=TestSearchOut )

语句&文件处理

svn

  • 使用svn时,文件属性是否为eol-style:native?
find . -name \*.php -exec svn propset svn:eol-style native {} \;
find . -name \*.css -exec svn propset svn:eol-style native {} \;

JavaScript

  • Javascript 的CDATA是否被编码
<script type="text/javascript">
/* <![CDATA[ */
// content of your Javascript goes here
/* ]]> */
</script>

格式设置,函数,逻辑

  • 日志排列顺序是否正确(包括首页和存档页)
  • 显示的日志数量是否正确(在“阅读”选项中)
  • 精华帖是否正确显示
  • 主题在页眉中是否有页面表格?如果有,表格尺寸是否合适,会不会与子页面产生冲突?

导航

  • 首页、存档页和单个页面的分页标记是否正确,每页显示的日志数量数否准确?
  • 日志、页面和索引都应该包含 wp_link_pages

widget小工具

  • 主题是否利用了很多widget
  • 主题是否需要自定义widget
  • 当前widget运行是否顺利
  • widgets设置是否标准
  • 是否需要覆盖某个标准widget

页面

  • 页面上的评论是否被激活

日志

  • 以管理员身份而不是普通用户身份登录时,能否正确显示相应页面(如:“编辑此日志”链接是否可用)。
  • 是否考虑到日期和时间格式设置
  • 需要设计的地方都设计到了么?
    • 标题
    • 无序列表
    • 有序列表
    • 区块引用
      • 确保引用内容缩进排版且显示正确
      • 如果主题使用背景图或引用符号,确保背景图或引用符号在长短引用内容中都能正确显示

多页型日志

  • 页面链接是否显示正确
  • 页面链接是否可用

more标签

  • 日志more标签前的内容是否会显示在存档页/首页中
  • 永久链接页面上是否显示日志全文

附件

  • 用于上传附件的链接是否能够正常工作

视频

  • 嵌入的视频文件是否能够播放
  • 确保视频文件不会覆盖或挡住工具栏(我们可以用functions.php文件中的过滤器来缩放Youtube视频的大小)

图像

  • 查看某篇图片在左或在右的日志,看日志是否还有足够的剩余空间
  • 查看某篇图片大过正文框的日志,检查页面布局是否被打乱(可使用overflow: hidden;属性)
  • 是否设置了$content_width
  • 图库简码显示是否正确

留言显示头像

  • 留言头像调用是否顺利

类别

  • 类别链接是否可用
  • 首页和永久链接页面上的类别是否显示正确
  • 正确对待嵌套类别

标签

  • 标签链接是否可用
  • 首页和永久链接页面上的标签显示是否正确
  • 确保每篇日志中都显示相应标签和标签链接

评论

  • 评论显示是否正确
  • 区块引用和HTML的设计是否合适
  • 是否高亮显示作者评论
  • 用户头像显示是否正确

(WordPress主要功能不保留评论者的ID,因此如果将评论者ID导入其它博客时,用户头像和作者评论都无法显示——只有发表新评论才能重新获取用户头像和作者评论)

无评论

  • 没有评论可显示
  • 评论显示框被“评论被关闭”之类信息所取代

禁用评论

  • 之前的评论仍然可见
  • 评论显示框被“评论被关闭”之类信息所取代

引用通告

  • 所有引用通告都能正确显示,不覆盖其它内容

评论框

  • 退出登录时,评论输入框显示正确
  • 登录时,评论输入框显示正确
  • 作为博客管理员登录时,评论中有“编辑”链接
  • 评论HTML代码能正确显示,尤其是无序列表和区块引用

“主题单元测试”

概述

本段内容关于WXR文件,我们可以将该文件导入WordPress以测试主题。

测试步骤

1. 下载测试资料: http://svn.automattic.com/wpcom-themes/test-data.2008-12-22.xml

2. 在“工具->导入”中将测试资料导入WordPress

3. 每次测试一个页面或日志以及页面或日志中的版块

日志

将来发表的日志

  • 日志发表时间是将来,因此不显示该类型日志

布局测试

  • 日志应显示“阅读更多”链接
  • 日志中每个部分是否都能正确显示

简单的图库测试

  • 图库看起来是否一切正常
  • 是否在首页、存档和单个页面上都能正常运行

类别名称冲突

  • 应该在Foo Parent / Foo A类别而不是(没有父类别的)Foo A中

附件测试

  • 确保附件链接可用

区块引用

  • 确保引用内容缩进排版且显示正确
  • 如果主题使用背景图或引用符号,确保背景图或引用符号在长短引用内容中都能正确显示
  • 评论无论长短,引用内容也须正确显示

多个类别

  • 类别链接是否可用
  • 首页和永久链接页面上的类别是否显示正确

多个标签

  • 标签链接是否可用
  • 首页和永久链接页面上的标签显示是否正确

Tags A and C / Tags B and C / Tags A and B / Tag C / Tag B / Tag A / Tags A, B, C

原始HTML代码

  • 恰当显示所有标记
  • h1到h6标题字号前后一致
  • 表格和列表一切正常

简单的标记测试

  • 恰当显示所有标记
  • 文字对齐运行正常
  • 图像对齐运行正常
  • 块级元素仍然按区块显示,不能内联显示(反之亦然)
  • 缩进显示区块引用内容,以区分段落内容
  • 缩进显示嵌套列表

嵌入式视频

  • 嵌入的视频是否能够播放
  • 确保视频文件不会覆盖或挡住侧边栏(我们可以用functions.php文件中的过滤器来缩放Youtube视频的大小)

投稿作品,经审核

  • 显示正确的作者名称

单个评论

  • 正确显示评论
  • 退出登录时,评论输入框显示正确
  • 登录时,评论输入框显示正确
  • 作为博客管理员登录时,评论中有“编辑”链接
  • 正确显示评论HTML代码,尤其是无序列表和区块引用

无评论

  • 不显示任何评论
  • 评论显示框被“评论被关闭”之类信息所取代

多个引用通告

  • 所有引用通告都能正确显示,不覆盖其它内容

单个引用通告

  • 所有引用通告都能正确显示,不覆盖其它内容

评论测试

  • 能正确显示评论
  • 高亮显示作者评论
  • 正确显示用户头像

多页型日志

  • 为日志分页并正确显示分页链接
  • 确保分页链接可用
  • 确保每个页面正常运行

带有More标签的日志

Cat C / Cat B / Cat A / Cats A and C / Cats B and C / Cats A and B / Cats A, B, C

该日志正文中没有内容

  • 正文中没有内容的日志也应正确显示

http://网站名.com/2007/09/04/14/ (“该日志没有标题”)

测试密码和摘要

图像对齐方式测试

  • 图片应左右对齐,不覆盖其它内容
  • 除非图片是网页设计的一部分,否则图片不应有边框

缩略图测试

  • 正确显示缩略图,不覆盖其它内容
  • 除非缩略图是网页设计的一部分,否则不应有边框

测试调整过尺寸的宽幅图片

  • 正确显示图片
  • 图片不覆盖侧边栏

宽幅图片测试

  • 正确显示图片
  • 除非图片是网页设计的一部分,否则图片不应有边框
  • 正确处理侧边栏被覆盖的情况(滚动鼠标或使用overflow: hidden)
  • 无论在列表页面或是永久链接页面,侧边栏都不能出现在页面的底端

图片测试

  • 正确显示图片
  • 除非图片是网页设计的一部分,否则不应有边框

类别测试

  • 类别显示正确

时间(格林尼治标准时间)测试

  • 确保时间标记正确
  • 考虑到日期/时间格式设置

日志草稿

  • 草稿状态下的日志不可见

有附件文件的日志草稿

  • 草稿状态下的日志不可见
  • 图片应为附件形式

投稿作品,审核中

  • 不可见
  • 显示“该日志正在审核中”或类似信息

页面

关于页面/Lorem Ipsum测试文本

  • 无论页面长短,都应正确显示
  • 无论页面长短,都应正确显示评论
  • 不显示标签和类别,不为标签和类别保留占位符

有评论的页面

  • 激活评论
  • 正确显示评论(参见上文中关于作者评论和留言头像的内容)

禁止评论的页面

  • 禁止任何评论
  • 不应该出现类似“禁止评论”的信息
  • 检查短篇页面的布局

父页面/子页面1/子页面2

  • 查看父页面/子页面时,显示相应的子页面/父页面