文本是《wordpress主题完整开发系列(共30篇)》专题的第 2 篇。阅读本文前,建议先阅读前面的文章:
理解主题代码标准的最佳方法之一是参考已经考虑到这些标准的主题示例。
默认“Twenty”主题
从 3.0 版开始,WordPress 会在每个发行版中打包一个默认主题(以版本发布的年份命名),默认主题在设计时充分考虑了主题的广泛用途,并完全符合 WordPress 代码标准,是研究主题开发方式的最佳主题。我们可以下载和研究这些主题文件,并作为示例来参考,同时学习如何开发自己的主题:
Twenty Seventeen
Twenty Sixteen (only packaged in WordPress 4.8)
Twenty Fifteen
Twenty Fourteen
Twenty Thirteen
Twenty Twelve
Twenty Eleven
Twenty Ten
The Underscores 主题
与默认的 “Twenties” 主题不同, _s (或 Underscores)主题针对的是开发人员而非最终用户。它旨在成为一个入门主题 ,您可以将其作为加速开发的基础。该主题有许多功能:
注释良好的 HTML5 模板,包括错误模板。
一个自定义页头 inc/custom-header.php
示例。
一个自定义模板标签文件,把自定义模版标签放在 inc/template-tags
以保持模板井井有条,并防止代码重复。
一些用于改进键盘导航的脚本 – 在 js/keyboard-image-navigation.js
-,以及用于小屏幕导航的 js/navigation.js
。
五个示CSS 布局示例 /layouts
以及用于构建设计的入门 CSS 代码。
GPL 许可代码。
上述功能使 Underscores 成为想要创建自己的主题的开发人员的绝佳示例主题。即使我们删除了附加功能,剩下的基础仍然是一个精心编码主题的极佳示例,该主题考虑到了 WordPress开发标准和最佳实践。
Underscores 网站 上提供了更详细的介绍,你也可以在 Github 上找到 Underscores 代码 。
其他来源
此外,主题目录中的所有主题在发布之前都会受到针对标准的审核。 查看主题目录中的主题是更好地了解主题开发的好方法,也是获取灵感好方法。
您已阅读完《wordpress主题完整开发系列(共30篇)》专题的第 2 篇。请继续阅读该专题下面的文章:
- 3.深入解析如何优化网页加载速度 – 最佳实践:优化 CSS 和 JavaScript 文件
- 4.让你的WordPress主题更强大!优化functions.php
- 5.如何使用条件标签函数打造智能化网站
- 6.定制专属您网站需求的文章类型和分类法
- 7.让你的网站更高效:如何利用模板循环技术来提升用户体验
- 8.从入门到精通:掌握模版文件继承规则
- 9.想要制作网站?了解模板文件吧!
- 10.如何避免模版文件包含漏洞?学习防御技巧
- 11.引领主题基础-打造精彩文章
- 12.打造高效开发环境,从设置开始
- 13.从零开始制作主题:主题开发入门
- 14.「必知!SEO优化中如何巧妙运用模板标签」
- 15.教你轻松制作自己的WordPress主题之制作page.php
- 16.「打造绝佳用户体验:WordPress comments.php主题制作教程」
- 17.\”WordPress主题制作全过程:如何制作一个完美的single.php页面\”
- 18.《详解WordPress主题制作(八):从零开始制作自己的index.php页面》
- 19.《最全面的WordPress主题制作教程(7):制作sidebar.php》
- 20.《从零开始学WordPress主题制作(六):打造独一无二的footer》
- 21.学习WordPress主题制作(五):打造独一无二的header.php文件
- 22.WordPress主题制作全记录(四):实践篇,零基础开始小试牛刀
- 23.《打造个性化WordPress主题(三):HTML静态模板制作详解》
- 24.打造个性博客,从WordPress主题制作开始——主题文件构成
- 25.全面解析WordPress主题制作流程(一):基础准备
- 26.如何优化WordPress主题首页模板?探究front-page.php、home.php、page.php、index.php的调用顺序
- 27.\”掌握WordPress函数load-{$variable} action的技巧\”
- 28.WordPress SEO技巧:如何设置最佳Keywords和Description
- 29.如何在WordPress中限制搜索结果- 排除或指定特定文章、页面和分类
- 30.解决 WordPress Gravatar 头像无法访问的方法-轻松解决头像加载问题