Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tajidyakub/wp-dev-environment
Boilerplate for developing WordPress Themes and Plugins, utilizing Laravel Mix and Composer
https://github.com/tajidyakub/wp-dev-environment
bootstrap4 composer fontawesome5 sass wordpress-development wordpress-theme-development
Last synced: 21 days ago
JSON representation
Boilerplate for developing WordPress Themes and Plugins, utilizing Laravel Mix and Composer
- Host: GitHub
- URL: https://github.com/tajidyakub/wp-dev-environment
- Owner: tajidyakub
- License: mit
- Created: 2018-02-07T16:21:41.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2018-03-08T18:31:02.000Z (almost 7 years ago)
- Last Synced: 2024-11-10T02:41:03.903Z (3 months ago)
- Topics: bootstrap4, composer, fontawesome5, sass, wordpress-development, wordpress-theme-development
- Language: CSS
- Size: 779 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# WordPress Dev Environment
## Intro
Local environment boilerplate for developing WordPress Themes using Bootstrap4, Fontawesome5, SASS or other Front End Javascript framework minus web and database server.
## Modules
- Laravel Mix
- Bootstrap4
- Fontawesome5
- jQuery and Popper.js as Bootstrap's deps
- SASS for extending Bootstrap or create own styles
- PHP_CodeSniffer for PHP Codes using composer
- Neutron PHP Standard https://github.com/Automattic/phpcs-neutron-standard
## Clone and Initialize
- Clone the repository
``` bash
$ git clone https://github.com/tajidyakub/wp-dev-environment.git
```
- Create and modify configuration file
``` bash
$ cd wp-dev-environment
$ mv .configuration.example.json .configuration.json
$ vim .configuration.json
```
- Initialize using the install script's included
``` bash
$ ./setup.sh
```
## Usage
- Laravel Mix (wrapper for Webpack) setup through webpack.mix.js
- Compiles and copy files to build and webfolder directory
``` bash
$ npm run dev # Compile sources and assets
$ npm run watch-poll # Monitor file changes
```
## Directories
``` shell
-- Project's dir
|-- build # Build folder
|-- plugins # Plugin's build folder
|-- themes # Theme's build folder
|-- src
|-- assets # for Images, Icons, Fonts, etc
|-- build
|-- webfolder
```