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 文件夹重命名为主题的slug。接下来，更新或删除此说明。

设置

要开始使用 _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主题。 :)

祝你好运！