README

WP Sage 101 是由 Conscience Information Technologies 开发的入门主题，基于 Roots 提供的入门主题框架。

开发者指南

特性

• Sass 用于样式表
• 现代 JavaScript
• Webpack 用于编译资源、优化图像以及合并和压缩文件
• Browsersync 用于同步浏览器测试
• Blade 作为模板引擎
• Controller 用于将数据传递给 Blade 模板
• CSS 框架（可选）：Bootstrap 4、Bulma、Foundation、Tachyons、Tailwind

要求

在继续之前，请确保已安装所有依赖项

• WordPress >= 4.7
• PHP >= 7.1.3（已启用 php-mbstring）
• Composer
• Node.js >= 8.0.0
• Yarn

主题安装

使用 Composer 从您的 WordPress 主题目录安装 Sage（以下将 your-theme-name 替换为您主题的名称）

$ composer create-project cit/wp-sage-101 theme-name/
$ cd theme-name/
$ yarn
$ yarn build

在主题安装过程中，您将有机会更新 style.css 主题头部、选择 CSS 框架和配置 Browsersync。

文件结构

themes/your-theme-name/   # → Root of your Sage based theme
├── app/                  # → Theme PHP
│   ├── Controllers/      # → Controller files
│   ├── admin.php         # → Theme customizer setup
│   ├── filters.php       # → Theme filters
│   ├── helpers.php       # → Helper functions
│   └── setup.php         # → Theme setup
├── composer.json         # → Autoloading for `app/` files
├── composer.lock         # → Composer lock file (never edit)
├── dist/                 # → Built theme assets (never edit)
├── node_modules/         # → Node.js packages (never edit)
├── package.json          # → Node.js dependencies and scripts
├── resources/            # → Theme assets and templates
│   ├── assets/           # → Front-end assets
│   │   ├── config.json   # → Settings for compiled assets
│   │   ├── build/        # → Webpack and ESLint config
│   │   ├── fonts/        # → Theme fonts
│   │   ├── images/       # → Theme images
│   │   ├── scripts/      # → Theme JS
│   │   └── styles/       # → Theme stylesheets
│   ├── functions.php     # → Composer autoloader, theme includes
│   ├── index.php         # → Never manually edit
│   ├── screenshot.png    # → Theme screenshot for WP admin
│   ├── style.css         # → Theme meta information
│   └── views/            # → Theme templates
│       ├── layouts/      # → Base templates
│       └── partials/     # → Partial templates
└── vendor/               # → Composer packages (never edit)

WP Sage 101 和 Conscience Information Technologies

Conscience Information Technologies 相信 12 Factor 方法论对于网络开发。

因此，为了符合此方法论，Conscience 正在为 Conscience Information Technologies 提供的 WordPress 服务 创建自己的工具链。《WP Sage 101》是 Conscience Information Technologies 的工具之一。请参见下面的图片

因此，“WP Sage 101” 基于由 Roots 提供的入门主题。默认情况下，该主题几乎没有样式。因此，以这个入门主题作为框架，Conscience 提出了“WP Sage 101”，它具有一些基本的样式和功能。

特性

• 兼容最新版本的
  • WooCommerce
  • 最新 WP
  • Gutenberg

• 风格指南

  • 作为组件驱动开发的证明，WP Sage 101 为您提供了主题所有组件的风格指南。
  • 在安装和激活主题后，您将在 WP 仪表板上看到一个名为“风格指南”的新菜单。点击此菜单，您将被重定向到主题的风格指南页面。
  • 在这里，您可以查看“风格指南”页面的截图