- Notifications
You must be signed in to change notification settings - Fork218
imranhsayed/aquila
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
- A WordPress theme Project for Advanced WordPress Theme Development Course.This theme uses Bootstrap.Learn to build an Advanced WordPress Theme from scratch
Also See -Advanced WordPress Plugin Development
Custom front page.
Custom Blog page with posts displayed in grid format using bootstrap.
Block Style Variations
Custom Gutenberg Blocks
InnerBlocks
| Name | Github Username |
|---|---|
| Imran Sayed | @imranhsayed |
- Clone the WordPress themeaquila in your WordPressthemes directory and activate it.
- Create pages called 'Home' and 'Blog' and set them from Appearance > Customizer > Homepage Settings like so:
Install
Clone the repo and run
cd aquila/assetsnpm installDuring development
npm run dev
Run precommit from assets directory before pushing the code for development/contribution.
cd assets && npm run precommitProduction
npm run prod
Linting & Formatting
The following command will fix most errors and show and remaining ones which cannot be fixed automatically.
npm run lint:fix
We follow the stylelint configuration used in WordPress Gutenberg, run the following command to lint and fix styles.
npm run stylelint:fix
Format code with prettier ( TO BE ADDED )
npm run format-js
Directory Structure
.├──README.md├── assets│ ├── main.js│ └── src│ └── library│ ├── css│ │ ├── bootstrap-grid.min.css│ │ └── bootstrap.min.css│ └── js│ └── bootstrap.min.js├── demo│ ├── banner.png│ ├── blog-page.png│ ├── features-one.png│ ├── features-two.png│ └── home-page-customizer-setup.png├── footer.php├── front-page.php ( Home Page )├── functions.php├── header.php├── inc│ ├── classes│ │ ├──class-aquila-theme.php│ │ ├──class-assets.php│ │ ├──class-menus.php│ │ └──class-meta-boxes.php│ ├── helpers│ │ ├── autoloader.php│ │ └── template-tags.php│ └── traits│ └──trait-singleton.php├── index.php ( Blog page )├── page.php ( Single Page )├── screenshot.png├── single.php ( Single Post Page )├── style.css└── template-parts ├── components │ └── blog │ ├── entry-content.php │ ├── entry-footer.php │ ├── entry-header.php │ └── entry-meta.php ├── content-none.php ├── content.php └── header └── nav.php
- Error: Node Sass does not yet support your current environmentSolution :
cd assetsnpm rebuild node-sass