- 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 |
- Clone the WordPress theme aquila in your WordPress themes 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/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
- Error: Node Sass does not yet support your current environment Solution :
cd assets
npm rebuild node-sass