README

一个使用 Gutenberg 和传统小部件构建的 WordPress 入门主题。

样式表使用 Node Sass 编译。访问该链接了解如何编译 Sass。

需求

PHP 8.2（至少 7.4）
WordPress 6.4（至少 6.2）
Node 20.15.1

安装
Sass 编译
有用链接

安装

手册

将此存储库复制到您的 WordPress 主题目录。
下载 Pixel WP Library 插件并将其放入您的插件目录。

使用 Composer

在 Packagist 上可用，名称为 pixelstudio/pixel-wp-theme。

这是我们开始新项目的流程

创建一个目录，将 WP 核心文件放入其中。

在根路径（wp-config 所在的位置），创建一个名为 composer.json 的新文件。将以下代码放入其中

{
  "name": "pixelstudio/new-site",
  "description": "Run the command `composer update` to download all plugins and themes.",
  "authors": [
    { "name": "Pixel Studio", "email": "info@pixelstudio.id", "homepage": "https://pixelstudio.id" }
  ],
  "require": {
    "pixelstudio/pixel-wp-theme": "~5.9.0",
    "pixelstudio/pixel-wp-library": "~5.9.0"
  },
  "require-dev": {},
  "suggest": {},
  "repositories":[
    { "type": "composer", "url":"https://wpackagist.org" }
  ],
  "autoload": { "psr-0": { "Acme": "src/" } }
}

在那个目录中运行 composer update 命令。
第一次运行后，将 pixel-wp-theme 重命名，以便在下一次运行 composer update 时不会被覆盖。同时，从您的 Composer JSON 中删除 pixelstudio/pixel-wp-theme。

Sass 编译

如果您还没有，请安装 Node JS。
在此目录中运行 npm update 以下载所有模块。
打开 webpack.config.js 并将变量 localDomain 更改为适合您的本地域名。
运行 npm run dev 以监视 Sass 文件并启动 Browser Sync，以便在您保存时刷新 CSS。
在推送上线之前，运行 npm run prod 以压缩所有 CSS 和 JS。

Vue 集成

在 PixelStudio 中，我们经常使用 Vue 进行交互元素。请阅读我们维基百科上的此指南了解如何设置它。

使用于

以下是一些使用此主题的网站

pixelstudio / pixel-wp-theme

维护者

详细信息

README

安装

Sass 编译

Vue 集成

使用于