JUMP Child Theme

Features

• Config-based, OOP modular architecture
• Bootstrap 5 as a Sass toolkit
• Laravel Mix 6 for automating development build tasks and synchronized browser testing
• NPM for managing Node dependencies
• Composer for managing PHP dependencies and autoloading
• Namespaced to avoid naming conflicts
• Gutenberg support for latest blocks and admin editor styles

Requirements

Requirement	How to Check	How to Install
PHP >= 8.0	php -v	php.net
WordPress >= 6.0	Admin Footer	wordpress.org
Genesis >= 3.1.1	Theme Page	studiopress.com
Composer >= 2.0.0	composer --version	getcomposer.org
Node >= 16.14.2	node -v	nodejs.org
NPM >= 8.10.0	npm -v	npm.js

Structure

jump/    # → Root directory
├── assets/         		# → Front-end assets
├── config/         		# → Config directory
├── includes/       		# → Theme functions
│   ├── classes/structure/  # → Structural functions
├── templates/      		# → Page templates
├── vendor/         		# → Composer packages
├── node_modules/   		# → Node.js packages
├── composer.json   		# → Composer settings
├── package.json    		# → Node dependencies
├── webpack.mix.js  		# → Laravel mix config
├── screenshot.png  		# → Theme screenshot
├── functions.php   		# → Loads init files
└── style.css       		# → Blank stylesheet

Usage

Static assets are organized in the assets directory. This folder contains theme scripts, styles, images, fonts, views and language translation files. All of the main theme styles are contained in the assets/css/frontend-styles.css file, the style.css file at the root of the theme is left blank intentionally and only contains the required stylesheet header comment.

Autoloading classes and files

Classes

The theme automatically loads classes placed in the lib/classes/ directory via the Composer autoloader. If you are cloning this repository for the first time, you must run the following command to build the autoloader:

composer install

Once you have added your additional files, run the following command to regenerate the autoloader:

composer dump-autoload

Files

File loading is handled by the functions.php file. Simply add or remove files from the directory/filename array.

Development

All build tasks are located in the theme's package.json file, under the scripts section.

Contributing

View the guidelines to get started.