alienmarket/alienmarket.github.io

更新

安装: 0

依赖项: 0

建议者: 0

安全: 0

星标: 0

关注者: 1

分支: 0

类型:wordpress-theme

dev-master 2020-08-20 11:59 UTC

This package is auto-updated.

Last update: 2024-09-20 20:05:53 UTC


README

Build Status

_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),然后您需要对所有模板中的名称进行六步查找和替换。

  1. 搜索'_s'(在单引号内)以捕获文本域,并将其替换为:'megatherium-is-awesome'
  2. 搜索_s_以捕获所有函数名称,并将其替换为:megatherium_is_awesome_
  3. style.css中搜索Text Domain: _s并将其替换为:Text Domain: megatherium-is-awesome
  4. 搜索带有空格的 _s(在它之前有一个空格)以捕获DocBlocks,并将其替换为: Megatherium_is_Awesome
  5. 搜索_s-以捕获前缀处理程序,并将其替换为:megatherium-is-awesome-
  6. 搜索大写的_S_以捕获常量,并将其替换为:MEGATHERIUM_IS_AWESOME_

然后,更新style.css中的样式表标题,在footer.php中的链接使用您自己的信息,并将_s.potlanguages文件夹重命名为使用主题的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 主题。 :)

祝你好运!