在第一章中,我们了解了什么是主题,以及如何开始开发主题。

  在本章中,我们将开始学习如何正确地开发主题,我们将把主题拆分开,从各个方面学习怎么开发一个主题。首先,我们将通过模版文件和文章类型来了解主题的的组成部分。然后,我们将学习如何在主题中保持文件的整齐有序。

WordPress主题开发教程 — 主题基础

  除此之外,我们还将学习模版循环,该功能负责将内容从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()修改这个文件夹的名称。

  更多技术教程,请关注技术教程网www.jishujc.com