Science in School code and theme

This is a collection of WordPress themes and plugins that integrate with the Visual Framework. They build atop the vf-wp parent theme and plugins.

Development

Site development

Setup:

1. Ensure you have Docker installed

Use any of the below variation of command to build the site

##### Run command

- `bin/dev quick_blank` - to initialise a wordpress site with Visual Framework plugin & theme disabled mode
- `bin/dev launch` - to launch browser
- `bin/dev login`  - to login in wordpress admin
- `bin/dev down` - stop containers
- `bin/dev up` - start containers

##### Diagnostics

- `bin/dev logs`    - tail logs from containers
- `bin/dev pma`     - launch phpMyAdmin to view database
- `bin/dev down`   - to spin down docker containers

Note: Default variables including CSS/JS version, site title, admin password are configured in .env

Theme development

Contributing to this repository requires command line tools:

• Git
• Node
• Gulp (optional)

To start:

# Install dev dependencies
yarn install

This project makes use of Visual Framework components to build its CSS and JavaScript.

These scripts and tasks are available:

yarn run update-components

To interactively update the Visual Framework components (and other npm packages).

gulp build

• to build vf-components/vf-componenet-rollup/index.scss
  • to make wp-content/themes/vf-wp-science-in-school/assets/css/styles.css
• to build vf-components/vf-componenet-rollup/scripts.scss
  • to make wp-content/themes/vf-wp-science-in-school/assets/scripts/scripts.js

Note: the CI will run gulp build on commit to master.

gulp default