!
也想出现在这里? 联系我们
广告位
当前位置:首页>开发>WordPress开发实例>引领主题基础-打造精彩文章

引领主题基础-打造精彩文章

在第一章中,我们了解了什么是主题,以及如何开始开发主题。 在本章中,我们将开始学习如何正确地开发主题,我们将把…--由S9社区整理

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

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

除此之外,我们还将学习模版循环,该功能负责将内容从 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 篇。请继续阅读该专题下面的文章:

给TA打赏
共{{data.count}}人
人已打赏
WordPress开发实例

如何避免模版文件包含漏洞?学习防御技巧

2023-6-4 19:18:56

WordPress开发实例

打造高效开发环境,从设置开始

2023-6-4 19:19:36

声明 本站上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。无意侵害您的权益,请发送邮件至 [email protected] 或点击右侧 私信:林沐阳 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索