WordPress Theme - Aquila π¨
- A WordPress theme Project for Advanced WordPress Theme Development Course. This theme uses Bootstrap. Learn to build an Advanced WordPress Theme from scratch
Tutorial Course
Advanced WordPress Plugin Development
Also See -Features
-
Custom front page.
-
Custom Blog page with posts displayed in grid format using bootstrap.
-
Block Style Variations
-
Custom Gutenberg Blocks
-
InnerBlocks
Maintainer
Name | Github Username |
---|---|
Imran Sayed | @imranhsayed |
Usage
- Clone the WordPress theme aquila in your WordPress themes directory and activate it.
Dashboard Setup.
- Create pages called 'Home' and 'Blog' and set them from Appearance > Customizer > Homepage Settings like so:
Development ( To be added )
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
Fixing Errors
- Error: Node Sass does not yet support your current environment Solution :
cd assets
npm rebuild node-sass