README

WP Framework 是一个用于简化 WordPress 主题开发过程的框架。

安装 wp-framework

首先，您必须安装 composer。创建新的项目目录，然后运行以下命令：

$ composer init

在您的 composer.json 文件中 require 部分之前添加以下行。

{
    ...
    "minimum-stability": "dev",
    "config": {
        "vendor-dir": "./src/vendor/"
    },
    "repositories": {
        "mochrira/wp-framework": {
            "type": "vcs",
            "url": "https://repository.wajek.id/mochrira/wp-framework.git"
        }
    },
    "require": {
        ...
    }
    ...
}

然后运行以下命令：

composer require mochrira/wp-framework

安装 wp-sass

该框架使用 nodejs 和 gulp 进行变更检测并将 scss 编译成 css。首先安装 nodejs，然后运行以下命令：

$ npm install -g gulp
$ npm install git+https://repository.wajek.id/mochrira/wp-sass.git

为了开始，在 src 文件夹中创建一个文件夹，并创建一个名为 gulpfile.js 的文件，内容如下：

require('wp-sass').setup('./src', '<<absolute path for wp-content/themes>>');

开始编码

在 src 文件夹中创建一个名为 plugins 的空目录。然后，在 src 目录中创建一个名为 functions.php 的文件，内容如下：

<?php 

require 'vendor/autoload.php';

WpFramework\Loader::setup([
    'pluginDir' => __DIR__.'/plugins'
]);

?>

请注意，WordPress 需要至少包含 style.css 和 index.php 文件才能加载主题。您可以使用 scss，它将被 wp-sass 包编译成 css。

因此，我们需要一个符合 WordPress 标准的 style.scss 文件和一个空的 index.php 文件在 src 目录中。以下是一个 style.scss 文件的示例。

/*
Theme Name: My Custom Wordpress Theme
Theme URI: https://wordpresstheme.cn/themes/twentytwenty/
Author: the WordPress team
Author URI: https://wordpresstheme.cn/
Description: Our Custom Wordpress Theme
Tags: blog, one-column
Version: 1.0
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: https://gnu.ac.cn/licenses/gpl-2.0.html
Text Domain: custom-wordpress-theme
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

mochrira /wp-framework

维护者

详细信息

README

安装 wp-framework

安装 wp-sass

开始编码