alienmarket / alienmarket.github.io
更新
dev-master
2020-08-20 11:59 UTC
Requires
- php: >=5.6
Requires (Dev)
- dealerdirect/phpcodesniffer-composer-installer: ^0.7.0
- php-parallel-lint/php-parallel-lint: ^1.2.0
- wp-cli/i18n-command: ^2.2.5
- wptrt/wpthemereview: ^0.2.1
This package is auto-updated.
Last update: 2024-09-20 20:05:53 UTC
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
中的一个脚本,它可以使你的菜单在小型屏幕(如手机)上变成可切换的下拉菜单,准备好进行CSS艺术创作。它在functions.php
中已排队。 sass/layouts/
中的2个示例布局,使用CSS Grid在你的内容两侧创建侧边栏。只需在sass/style.scss
中取消注释你选择的布局。注意:.no-sidebar
样式会自动加载。style.css
中组织良好的入门CSS,可以帮助你快速开始设计。- 完全支持
WooCommerce插件
集成,在inc/woocommerce.php
中包含钩子,覆盖woocommerce.css以启用产品画廊功能(缩放、滑动、灯箱)。 - 许可协议为GPLv2或更高版本。:)用它来制作一些酷的东西。
安装
要求
_s
需要以下依赖项
快速开始
克隆或下载此存储库,将其名称更改为其他名称(例如,megatherium-is-awesome
),然后您需要对所有模板中的名称进行六步查找和替换。
- 搜索
'_s'
(在单引号内)以捕获文本域,并将其替换为:'megatherium-is-awesome'
。 - 搜索
_s_
以捕获所有函数名称,并将其替换为:megatherium_is_awesome_
。 - 在
style.css
中搜索Text Domain: _s
并将其替换为:Text Domain: megatherium-is-awesome
。 - 搜索带有空格的
_s
(在它之前有一个空格)以捕获DocBlocks,并将其替换为:Megatherium_is_Awesome
。 - 搜索
_s-
以捕获前缀处理程序,并将其替换为:megatherium-is-awesome-
。 - 搜索大写的
_S_
以捕获常量,并将其替换为:MEGATHERIUM_IS_AWESOME_
。
然后,更新style.css
中的样式表标题,在footer.php
中的链接使用您自己的信息,并将_s.pot
从languages
文件夹重命名为使用主题的slug。接下来,更新或删除此readme。
设置
要开始使用_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 主题。 :)
祝你好运!