https://github.com/nirmalkc/wordpress-bootstrap-sass-boilerplate
A starter kit for a CMS website using bootstrap.
https://github.com/nirmalkc/wordpress-bootstrap-sass-boilerplate
bootstrap4 grunt scss wordpress
Last synced: about 2 months ago
JSON representation
A starter kit for a CMS website using bootstrap.
- Host: GitHub
- URL: https://github.com/nirmalkc/wordpress-bootstrap-sass-boilerplate
- Owner: nirmalkc
- Created: 2015-05-30T00:34:59.000Z (about 11 years ago)
- Default Branch: master
- Last Pushed: 2021-11-26T11:50:52.000Z (over 4 years ago)
- Last Synced: 2025-06-23T19:05:43.865Z (about 1 year ago)
- Topics: bootstrap4, grunt, scss, wordpress
- Language: SCSS
- Homepage:
- Size: 18.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Wordpress Starter theme with SASS
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](http://underscores.me/) generated theme.
## Pre-requesties
You will need to have the following tools installed in your machine to run NPM as well as GRUNT tasks.
1. [node.js](https://nodejs.org/)
2. [Ruby](http://rubyinstaller.org/)
## Steps to install and setup
1. Go the root directory of this repository and give the below command.
```bash
npm install
```
2. Download the underscores theme (without sassify in the advanced options) from [underscores.me](http://underscores.me/).
Extract the downloaded folder to "mytheme" folder.
3. Install wordpress and create a theme directory where you may need to copy your files through a grunt task.
4. Change "mytheme" folder name to whichever name you would prefer. If you do so, please change the destination path in the Gruntfile.js appropriately.
5. Open GruntFile.js and change the wordpress theme staging directory folder to wherever you want it to be.
```bash
wptheme_staging: ''
```
Should be changed to
```bash
wptheme_staging: ''
```
5. Open "package.json" file and change the name and description.
6. Open command prompt and run the command "npm install", this will download all the required node modules to the root.
7. Delete the "delete-me.txt" file inside the "mytheme" folder.
8. Go to the repository root folder and run grunt. The grunt tasks should be completed successfully.
9. You can browse through the wordpress admin page and change theme to the one which you have copied to the theme directory.
10. Now you are set to start developing the wordpress theme.
### Custom Fonts
### Icon Fonts
### Responsive mixins