- A WordPress theme Project for Advanced WordPress Theme Development Course. This theme uses Bootstrap. Learn to build an Advanced WordPress Theme from scratch
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 |
Install
Clone the repo and run
cd aquila/assets
npm install
During development
npm run dev
Run precommit from assets directory before pushing the code for development/contribution.
cd assets && npm run precommit
Production
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
cd assets
npm rebuild node-sass
Download Details:
Author: imranhsayed
Official Github: https://github.com/imranhsayed/aquila
License: