文本是《wordpress主题完整开发系列(共30篇)》专题的第 11 篇。阅读本文前,建议先阅读前面的文章:
在第一章中,我们了解了什么是主题,以及如何开始开发主题。
在本章中,我们将开始学习如何正确地开发主题,我们将把主题拆分开,从各个方面学习怎么开发一个主题。首先,我们将通过模版文件和文章类型来了解主题的的组成部分 。然后,我们将学习如何在主题中保持文件的整齐有序。
除此之外,我们还将学习模版循环,该功能负责将内容从 WordPress 数据库中提取出来。
最后,我们将通过使用主题功能( 包含 CSS 和 JavaScript) ,利用 条件函数仅显示我们需要的内容,以及使用默认分类法和自定义分类法来了解怎么为主题添加功能的更多信息 。
组织模版文件
虽然WordPress主题在技术上只需要两个文件( index.php
和 style.css
),但它们通常由更多模版文件组成。这意味着他们很快就会变得杂乱无章!本节将向您展示如何把主题的模版文件整理得井井有条。
主题文件夹和文件结构
如前所述,默认的 Twenty 主题是经过良好组织好开发的最佳示例。例如在 Twenty Seventeen 主题中,模版文件的组织方式如下:
assets (dir)
- css (dir)
- images (dir)
- js (dir)
inc (dir)
template-parts (dir)
- footer (dir)
- header (dir)
- navigation (dir)
- page (dir)
- post (dir)
404.php
archive.php
comments.php
footer.php
front-page.php
functions.php
header.php
index.php
page.php
README.txt
rtl.css
screenshot.png
search.php
searchform.php
sidebar.php
single.php
style.css
我们可以看到,模板文件位于根目录中,而 JavaScript,CSS,图像放在 assets目录中,模板片段放在对应的子目录中,在主题中使用的核心功能放在 inc 目录中。
目前,在WordPress主题中没有必需的文件夹 。但是,默认情况下,WordPress会识别以下文件夹。
style.css
应该位于主题的根目录中,而不是 CSS 目录中。
语言文件夹
为了让使用其他语言的用户可以使用我们的主题,将主题国际化是WordPress主题开发工作的一项最佳实践,其他贡献者可以将主题翻译成其他语言,让更多用户无障碍使用。默认主题包含一个languages
文件夹,其中有一个用于翻译的 .pot 文件和已翻译好的的 .mo 文件。虽然 languages
是此文件夹的默认名称,但是如果需要,我们可以使用 load_theme_textdomain() 修改这个文件夹的名称。
您已阅读完《wordpress主题完整开发系列(共30篇)》专题的第 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 头像无法访问的方法-轻松解决头像加载问题