README

_s

你好。我是一个名为 _s 的起始主题，或者如果你喜欢，可以叫它 underscores。我是一个为了修改而设计的主题，所以不要用它作为父主题。相反，尝试把它变成下一个最酷的WordPress主题。这就是我存在的意义。

我极简的CSS可能会让我看起来像主题的生肉，但这意味着当你设计你自己的主题时，会有更少的东西妨碍你。这里有一些你可能会觉得更有趣的东西

• 一个现代的工作流程，带有预制的命令行界面，让你的项目体验更加愉快。
• 适量的精简、注释清晰、现代的HTML5模板。
• 在 inc/custom-header.php 中实现自定义页眉。只需将 inc/custom-header.php 注释中的代码片段添加到你的 header.php 模板中。
• 在 inc/template-tags.php 中的自定义模板标签可以使你的模板干净整洁，并防止代码重复。
• 在 inc/template-functions.php 中的一些小调整可以改善你的主题体验。
• 一个在 js/navigation.js 中的脚本，使得在小屏幕（如手机）上菜单可以切换为下拉菜单。它在 functions.php 中已排队。
• 在 sass/layouts/ 中使用CSS Grid制作了2个示例布局，用于内容两侧的侧边栏。只需在 sass/style.scss 中取消注释你选择的布局。注意：.no-sidebar 样式会自动加载。
• 在 style.css 中的智能组织起始CSS，可以帮助你快速开始你的设计。
• 完全支持 WooCommerce插件 集成，在 inc/woocommerce.php 中有钩子，覆盖 woocommerce.css 以启用产品相册功能（缩放、滑动、灯箱）。
• 根据GPLv2或更高版本授权。 :) 用它来制作一些酷的东西。

安装

要求

_s 需要以下依赖项

• Node.js
• Composer

快速开始

克隆或下载此存储库，将其重命名为其他名称（例如，megatherium-is-awesome），然后您需要对所有模板中的名称进行六步查找和替换。

1. 搜索 '_s'（在单引号内）以捕获文本域，并将其替换为：'megatherium-is-awesome'。
2. 搜索 _s_ 以捕获所有函数名，并将其替换为：megatherium_is_awesome_。
3. 在 style.css 中搜索 Text Domain: _s 并将其替换为：Text Domain: megatherium-is-awesome。
4. 搜索  _s（在其前面有空格）以捕获文档块，并将其替换为： Megatherium_is_Awesome。
5. 搜索 _s- 以捕获前缀处理程序，并将其替换为：megatherium-is-awesome-。
6. 搜索 _S_（大写）以捕获常量，并将其替换为：MEGATHERIUM_IS_AWESOME_。

然后，更新 style.css 中的样式表标题，在 footer.php 中的链接替换为自己的信息，并将 _s.pot 从 languages 文件夹重命名为主题的缩略名。接下来，更新或删除此说明。

设置

要开始使用 _s 提供的所有工具，您需要安装必要的 Node.js 和 Composer 依赖项。

$ composer install
$ npm install

可用的 CLI 命令

_s 内置了针对 WordPress 主题开发的 CLI 命令。

• composer lint:wpcs：检查所有 PHP 文件是否符合PHP 编码标准。
• composer lint:php：检查所有 PHP 文件是否存在语法错误。
• composer make-pot：在 languages/ 目录中生成一个 .pot 文件。
• npm run compile:css：将 SASS 文件编译为 CSS。
• npm run compile:rtl：生成 RTL 样式表。
• npm run watch：监视所有 SASS 文件，当它们发生变化时重新编译为 CSS。
• npm run lint:scss：检查所有 SASS 文件是否符合CSS 编码标准。
• npm run lint:js：检查所有 JavaScript 文件是否符合JavaScript 编码标准。
• npm run bundle：生成一个 .zip 归档以进行分发，不包括开发和系统文件。

现在您已准备就绪！下一步很容易说，但很难做到：制作一个出色的 WordPress 主题。 :)

祝您好运！