B3 - GitLite

KO | EN

gitlite — search

#hacktoberfest #react #typescript #llm #golang #go #android #deep-learning #linux #windows #cli #kubernetes #awesome-list #vue

B3

(★ 41)

B3 is a Backbone.js starter theme for WordPress.

B3 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# B3

B3 is a Backbone.js starter theme for WordPress.

It is designed as a launchpad for your own cutting edge themes: so clone it, rename it, hack it and republish it.

## Warning

**B3 is compatible with v1 of the WP API _only_. We're waiting for development on the v2 branch to stabilise before making further changes to this project.**

We recommend that you either use [the version on WordPress.org](https://wordpress.org/plugins/json-rest-api/) or at the very least stick to the [master branch](https://github.com/WP-API/WP-API) to minimize issues.

Also, please bear in mind that B3 is a work in progress and as such we can't (yet) recommend it for production use. Do so at your own risk.

## Getting Started

This brief guide assumes you have at least some familiarity with WordPress and JavaScript development.  We fully intend to make this process as painless as possible, but we still have a few critical features taking precedence.

1. Install and activate the [WP API](https://wordpress.org/plugins/json-rest-api/) plugin.
2. Make sure [pretty permalinks are enabled](http://codex.wordpress.org/Using_Permalinks) on your WordPress install. They are required for the REST API to work.
3. Clone the [B3 REST API Extensions](https://github.com/B3ST/B3-REST-API) repository into your plugins folder and activate the plugin:

```
    $ cd your/wordpress/install/wp-content/plugins
    $ git clone https://github.com/B3ST/B3-REST-API.git b3-rest-api
    ```

4. Clone this repository into your themes folder:

```
    $ cd your/wordpress/install/wp-content/themes
    $ git clone https://github.com/B3ST/B3.git b3
    ```

5. We're not done yet, we still need to install required Node dependencies (the theme is built automatically at the end):

```
    $ cd b3
    $ gem install scss-lint
    $ npm install -g gulp bower requirejs
    $ npm install
    ```

6. Activate the theme. You're ready to start hacking!

## Build Automation

B3 comes with a few [Gulp](http://gulpjs.com/) tasks to automate building and testing:

* `gulp build`: Builds the theme application.
* `gulp watch`: Watches your codebase for changes, triggering a partial rebuild and refreshing the browser.
* `gulp jasmine`: Runs automated Jasmine tests in the browser, with support for live updates.
* `gulp phpunit`: Runs automated PHPUnit tests in the terminal.

### Extra Tasks

You'll need these less often, since most of them are subtasks called by the ones above:

* `gulp bower`: Installs Bower dependencies. This runs on `build`.
* `gulp build:fonts`: Deploys font assets to the public application folder.
* `gulp build:images`: Compresses image assets and deploys them to the public application folder.
* `gulp build:scripts`: Compiles, minifies and deploys JavaScript sources.
* `gulp build:styles`: Compiles, lints, minifies and deploys Sass styles as CSS.
* `gulp build:templates`: Compiles and deploys [Dust.js](https://linkedin.github.io/dustjs/) templates.
* `gulp clean`: Removes all compiled files, leaving only the original sources.
* `gulp jshint`: Lints JavaScript sources.
* `gulp rebuild`: Builds the theme application from scratch.

### Build Configuration

Gulp task parameters (such as file paths and BrowserSync configurations) are provided in a centralized file located at _gulp/config.js_.

## Optimization

By default, the provided Gulp tasks will minify scripts but not concatenate them, leading to dozens of file requests to the server.

To avoid this, you can bundle theme modules for deployment using the [RequireJS Optimizer](http://requirejs.org/docs/optimization.html).

The easiest and fastest way to do this is by using the [r.js](https://github.com/jrburke/r.js) command line utility. If you completed the installation steps at the start of this guide, you should already have it. To package the site for deployment, open a terminal at the theme's root folder and enter:

```
$ r.js -o build.js
```

This will convert most scripts in your theme's _dist_ folder into concatenated versions.

Most scripts will go into _main.js_, the same file your un-optimized theme would load on launch. Files that for any reason were not concatenated into _main.js_ will remain in their original places, ensuring the theme is still able to find them.

r.js will combine external libraries as _infrastructure.js_. This file will probably be larger than your theme, but also less likely to change over time, and so it makes sense to keep it separate to make the most of browser and CDN caches.

## Licensing

We release B3 under an MIT license. This is to make sure you don't run into licensing issues should you decide to repackage portions of the project as a Phonegap/Cordova application.

B3

B3 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

B3

B3 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README