These are the instructions and folder structure, to setup a boilerplate for developing a CMS website with wordpress using sass architecture. This folder structure is valid only while using underscores.me generated theme.
You will need to have the following tools installed in your machine to run NPM as well as GRUNT tasks.
- Go the root directory of this repository and give the below command.
npm install-
Download the underscores theme (without sassify in the advanced options) from underscores.me. Extract the downloaded folder to "mytheme" folder.
-
Install wordpress and create a theme directory where you may need to copy your files through a grunt task.
-
Change "mytheme" folder name to whichever name you would prefer. If you do so, please change the destination path in the Gruntfile.js appropriately.
-
Open GruntFile.js and change the wordpress theme staging directory folder to wherever you want it to be.
wptheme_staging: '<path>'Should be changed to
wptheme_staging: '<your wordpress installation theme directory>'-
Open "package.json" file and change the name and description.
-
Open command prompt and run the command "npm install", this will download all the required node modules to the root.
-
Delete the "delete-me.txt" file inside the "mytheme" folder.
-
Go to the repository root folder and run grunt. The grunt tasks should be completed successfully.
-
You can browse through the wordpress admin page and change theme to the one which you have copied to the theme directory.
-
Now you are set to start developing the wordpress theme.