README

这是一个基于JointsWP的修改版本，使用 brunch 和 npm，而不是 gulp 和 bower。

源文件位于非 joints 的 app 文件夹中，遵循默认的 brunch 设置。
app/assets 中的文件和文件夹将按照默认的 brunch 行为复制到 Blunts 的 /assets 文件夹中。
Blunts （及 Joints）使用 Zurb Foundation Sites。默认情况下，只启用了一组基本的 foundation 组件。查看 app/scss/style.scss 以启用您项目中希望使用的 foundation 的其他部分。
Sass 变量保存在 utils/_settings.scss 中，该文件还包含所有 foundation 设置的重写。

安装

使用 Composer 安装

#!bash

composer require thefold/bluntswp

但是您需要在您的 composer.json 文件中添加类似以下内容，以便将其安装到正确的位置

#!json

"extra": {
    "installer-paths": {
        "public/wp-content/themes/{$name}/": [
            "type:wordpress-theme"
        ],
        "public/wp-content/plugins/{$name}/": [
            "type:wordpress-plugin"
        ]
    }
}

开始 / 第一次

#!bash

npm install

一次性编译

#!bash

brunch build

一次性编译用于生产/发布

#!bash

brunch build --production

监控

#!bash

brunch watch

使用 git/gitignore

以下行应添加到您的 gitignore 中，并且您还需要在它们内部创建文件夹和 .gitkeep 文件

public/wp-content/themes//assets/css/ !public/wp-content/themes//assets/css/.gitkeep public/wp-content/themes//assets/images/ !public/wp-content/themes//assets/images/.gitkeep public/wp-content/themes//assets/js/ !public/wp-content/themes/*/assets/js/.gitkeep

使用 SHIPIT

以下是一个 shipit 文件的示例，它将在部署时触发 brunch。如果您正在更改 bluntswp 文件夹/主题名称，请确保更新下面的路径

module.exports = function (shipit) {

    require('shipit-deploy')(shipit);
    require('shipit-shared')(shipit);

    shipit.initConfig({
        default: {
            workspace: '/tmp/example',
            repositoryUrl: 'git@bitbucket.org:example/example.co.nz.git',
            ignores: ['.git','bower_components','sass','node_modules'],
            keepReleases: 3,
            shallowClone: true,
            branch: 'master',
            shared: {
                dirs: ['public/wp-content/uploads', 'public/files'],
                overwrite: true
            }
        },
        staging: {
            servers: 'XXX.XXX.XX.XXX',
            deployTo: '/var/www/example.example.co.nz/',
        },
        live: {
            servers: 'XXX.XXX.XX.XXX',
            deployTo: '/var/www/example.co.nz/',
            keepReleases: 4
        }
    });

    shipit.blTask('composer:install', function() {
        return shipit.local('composer install --optimize-autoloader --prefer-dist ', {cwd:shipit.config.workspace});
    });
    
    shipit.blTask('npm:install',function(){
        return shipit.local('cd public/wp-content/themes/bluntswp; npm install', {cwd:shipit.config.workspace});
    });

    shipit.blTask('brunch:build', function() {
        return shipit.local('cd public/wp-content/themes/bluntswp; brunch build --production', {cwd:shipit.config.workspace});
    });

    shipit.task('reload-nginx', function () {
           if(shipit.environment == 'live') {
            return shipit.remote('sudo /usr/local/bin/service-php5-fpm-manager reload');
        }
    });
    
    shipit.on('fetched',function(){
       shipit.start('composer:install', 'npm:install', 'brunch:build');
    });
    
    shipit.on('cleaned', function () {
        if(shipit.environment == 'live') {
            return shipit.start('reload-nginx'); 
        }
    });
};

注意以下信息是关于原始 Joints WP 的，并且被上面的信息覆盖。

了解更多信息：www.jointswp.com
演示：www.jointswp.com/demo

什么是 JointsWP？

JointsWP 是一个基于 Foundation 6 的空白 WordPress 主题，它为您提供了构建复杂、移动友好型网站所需的所有功能和灵活性，而无需从头开始。

从最初作为流行主题 Bones 的分支开始，JointsWP 现在是全球成千上万个网站的基础。

JointsWP 包括什么？

JointsWP 预先集成了 Foundation 框架中的所有优秀功能——简单来说，如果它在 Foundation 中工作，它将在 JointsWP 中工作。该主题还包括

Foundation 导航选项
网格存档模板
翻译支持
Bower 和 Gulp 支持
等等！

我需要哪些工具来使用 JointsWP？

您可以使用任何您想要的——当真。虽然 Sass 版本自带 Bower 和 Gulp 支持，但您并不需要使用这些工具。您可以使用 CodeKit、Grunt、Compass 或什么都不用。如何决定构建您的主题完全取决于您——JointsWP 不会妨碍您的 workflow。

开始使用 Gulp

安装 node.js。
使用命令行，导航到您的主题目录
运行 npm install
运行 gulp 以确认一切正常工作

了解更多关于如何使用 Gulp 与 JointsWP 的信息。

thefold / bluntswp

维护者

详细信息