Npcink Blog
切换菜单

html5blank - WordPress 的开源样板主题

强大的外壳,可快速构建 WordPress 项目

本页目录11 节

HTML5 空白 WordPress 主题在整个代码,基本和高级功能,极少的标记以及极其简洁且易于阅读的代码中提供带注释的支持。

介绍:

使用您可以信任的代码构建

HTML5 空白 WordPress 主题在整个代码,基本和高级功能,极少的标记以及极其简洁且易于阅读的代码中提供带注释的支持。

  • WordPress 的 HTML5 Blank 包含高级 WordPress 功能,并遵循 WordPress 编码标准。

  • HTML5HTML5 Blank 建立在 HTML5 代码标准之上,是 WordPress 的精简,干净的入门主题。

  • 职能 HTML5 Blank 预加载了 functions.php 中的省时功能,可让您更快地发布主题。

HTML5 空白入门

  • 转到 WordPress 的主题文件夹(…/wp-content/themes)
  • 在 CLI 中,运行:

git clone https://GitHub.com/html5blank/html5blank.git

  • cd html5blank 然后 npm install(您还需要安装 gulp)
  • gulp watch 将启用 livereload 和开发版本

gulp build 用于分发带有缩小版本 js 和 css 文件的版本

  • 注意:src 和 dist 文件夹可以在同一文件夹(html5blank)中愉快地生活在一起 theme。您将 Appearance > Themes 在 admin 面板中拥有主题的两个不同实例

参与其中!使 HTML5 空白更好

提交拉取请求或提出问题,以帮助改进代码。

特征

HTML5

  • 基本语义 HTML5 标记
  • W3C 有效代码基础
  • 响应就绪,ViewPort 元数据
  • 对 IE7,IE8,IE9 条件文本的 HTML 类支持(HTML5 样板)
  • 干净整洁的代码,带有 PHP 批注

jQuery + JavaScript

  • 用 Google CDN 替换内置的 WordPress 队列
  • 相对于 jQuery 的协议(如果 Google CDN 离线)(HTML5 Boilerplate)
  • 用于跨平台/设备检测和增强的 Conditionizr
  • Modernizr 功能检测,

对旧版 HTML5 元素的支持,渐进增强(HTML5 Boilerplate)

  • DOM Ready JavaScript 文件设置(scripts.js),

用于即时 JavaScript 开发

  • 使用 WordPress 函数排队的 JavaScript 文件进入 wp_head

CSS3

  • HTML5 样板重置
  • 使用@media 进行即时开发的 Media Queries 框架
  • @ font-face 空框架,带有 Fonts 文件夹设置,可以使用新的自定义字体
  • CSS3 自定义选择样式
  • 内联打印样式(HTML5 样板)
  • 主体元素配置,

包括优化字距调整和字距平滑

  • 替换了焦点样式以避免字段元素中出现蓝色模糊,而替换为边框
  • 使用 WordPress 函数将样式表排队入 wp_head

预加载的函数(functions.php)

  • 入队脚本功能设置
  • 入队样式功能设置
  • 动态 WordPress 菜单导航支持,预载了 3 个动态菜单
  • 清理了动态导航输出(删除外部的“ div”)
  • 从导航项,ID 和页面 ID 中删除所有注入的类
  • 预加载的自定义帖子类型 x1 进行演示,支持:类别,标签,

帖子缩略图,节选

  • 带有 x2 小部件区域的动态补充工具栏和 sidebar.php 设置
  • WordPress 缩略图支持,无插件图像裁剪,自定义数组和缩略图设置
  • 自定义摘录回调,

具有可变的回调编号

  • 为自定义摘录回调替换了“阅读更多”按钮
  • 包括演示短代码,具有嵌套短代码功能
  • 将 Sl 弹添加到健身课中(Starkers Theme credit)
  • 将 wp_head 函数剥离下来,删除多余的注入垃圾
  • 注释了所有功能,分为部分,

过滤器,操作,短代码等。

  • 开发空间,带有模块/外部文件的整洁代码

主题文件和功能

  • 内置分页,无插件(去除上一页+下一篇文章并提供页码)
  • 在页脚中优化了 Google Analytics(分析)(HTML5 样板)
  • 窗口小部件区域侧栏支持,

已具备开发功能

  • 包括自定义搜索表单(searchform.php)-完全可编辑
  • 标签支持显示帖子标签
  • 显示帖子类别的类别支持
  • 显示作者的作者支持
  • 演示自定义页面模板进行扩展

推荐使用: