1.18.0 • Published 1 year ago

generator-themeplate v1.18.0

Weekly downloads
3
License
MIT
Repository
github
Last release
1 year ago

generator-themeplate -- NPM Version NPM Downloads

"Quickly scafold a complete WordPress site project in seconds!"

Features

  • Fully-fleshed out package
  • Follows WordPress standards
  • Streamlined with Gulp
    • Sass
    • Autoprefixer
    • Typescript
    • Babel
    • Rollup
    • Sourcemaps
    • Minification
    • Browsersync
    • Linters
    • Localization
  • Powered by ThemePlate
  • Font Awesome v5 (optional)
  • CSS Framework options
  • Pre-included boilerplates and functions
    • Base theme template files
    • Compatibility checks
    • Theme Features
    • Navigations
    • Widgets
    • Scripts and Styles
    • Actions and Filters
    • Plugins (required/recommended)
    • Custom forms/fields (metaboxes)
    • Custom post types and taxonomies
    • Clean navbar walker
    • Google tracking codes
    • Asynchronous loading and deferred execution of scripts

Requirements

  • Node.js: Install from the NodeJS website.
  • Gulp: Run npm install -g gulp-cli
  • Yeoman: Run npm install -g yo

Installation

npm install -g generator-themeplate

Usage

Setup

1. Go to WP_CONTENT_DIR then initiate the generator

yo themeplate

2. Simply follow the prompts and enter the details

? Project Name:
? Project URI:
? Author:
? Author Email:
? Author URI:
? Description:
? Function Prefix:
? Class Prefix:
? Constant Prefix:
? Use Font Awesome? (Y/n)
? CSS Framework:
? License:
? License URI:
? Local Server:

Development

1. Navigate to the generated theme directory

2. Run gulp

  • Builds assets
    • Sass and Javascript/Typescript compiled
    • Images copied with WebP format
  • Watches files and assets for changes
  • Starts Browsersync

Available Tasks

  • npm run lint and npm run fix - Run scripts and styles against the coding rules set
  • gulp pot - Generate a POT file for the localization
  • gulp bump - Bump version in files; package and assets
Bump Options
  • --to-type={major|minor}
  • --to-version={#}

Production

1. Run gulp build --production

  • Assets minified (images optimized; loseless)

2. Set the theme debug constant to false

  • Specifies to serve the minified assets
  • Line is in the theme's functions.php file

3. Move out the plugin folder inside the theme

  • Standard and default path at wp-content/plugins
  • Plugin folder is named the same with the theme folder

License

Copyright © 2024 Gene Alyson Fortunado Torcende

Licensed under MIT.

2.0.0-63322a5

1 year ago

1.18.0

2 years ago

1.17.0

2 years ago

1.16.0

3 years ago

1.15.0

4 years ago

1.15.1

4 years ago

1.14.0

4 years ago

1.13.0

5 years ago

1.12.0

5 years ago

1.11.0

5 years ago

1.10.0

5 years ago

1.9.0

5 years ago

1.8.0

6 years ago

1.7.0

6 years ago

1.6.0

6 years ago

1.5.0

6 years ago

1.4.0

6 years ago

1.3.0

6 years ago

1.2.0

7 years ago

1.1.0

7 years ago

1.0.0

7 years ago

0.75.0

7 years ago

0.70.0

7 years ago

0.60.0

7 years ago

0.45.0

7 years ago

0.42.0

7 years ago

0.40.0

7 years ago

0.34.0

7 years ago

0.31.0

7 years ago

0.28.4

7 years ago

0.28.0

7 years ago

0.27.0

7 years ago

0.26.0

7 years ago

0.25.0

7 years ago

0.20.0

7 years ago

0.19.0

7 years ago

0.16.0

8 years ago

0.15.0

8 years ago

0.12.0

8 years ago

0.11.0

8 years ago

0.8.2

8 years ago

0.8.0

8 years ago

0.2.0

8 years ago

0.1.0

8 years ago