Skip to content
[ WordPress ] Amethyst is a simple blog theme that cared to typography and readability for all devices. The design is kept simple, fully responsive and flexible two-columns theme. Features are, two widgets, customizer, Foundation, Genericons, Sass, Gulp use.
CSS HTML PHP JavaScript Shell
Branch: develop
Clone or download

README.md

Amethyst

Deployment status from DeployBot Build Status

Simple WordPress Theme based on Foundation. See details at readme.txt.

Amethyst

Requires

  • Node.js
  • npm
  • Composer

Setup your project

  1. Make WordPress environment.

  2. Install some dependencies, and set your hostname.Default is amethyst.dev.

     $ cd path/to/directory && npm run setup
     Set your website's domain (default=amethyst.dev):
    
  3. To run gulp tasks with proxy mode, you can update hostname in config.js. This configuration file is NOT tracked by git.

     'vhost'          : 'amethyst.dev'
    
  4. Run gulp. You don't need to install gulp globally.

     // proxy mode
     $ npm run gulp
    
     // server mode for static websites or files
     $ npm run gulp-server
    
  5. Run automated testing.

     $ npm test
    

Options

Initialize Foundation

$ npm run foundation-init

Distribution

$ npm run gulp-zip

Autoprefix

You'd like to autoprefix specific browsers, edit gulpfile.js below these lines.

.pipe($.autoprefixer({
  browsers: ['last 2 versions', 'ie 10', 'ie 9'],
  cascade: false
}))

Third Party Resources

Foundation

src/scss/core/foundation/
src/scss/core/_foundation.scss
src/scss/core/_global.scss
src/scss/core/_settings.scss

Genericons

assets/genericons/

Font Awesome

assets/font-awesome/

HTML5 Shiv

src/js/html5shiv.js

License

GNU GENERAL PUBLIC LICENSE Version 2

Contributors

Thanks to @torounit, @miya0001

You can’t perform that action at this time.