Empty Parcel

Hi. I'm a starter theme called Empty Parcel, based on the underscores theme. I'm a theme meant for hacking so don't use me as a Parent Theme. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for.

My ultra-minimal CSS might make me look like theme tartare but that means less stuff to get in your way when you're designing your awesome theme. Here are some of the other more interesting things you'll find here:

• A modern workflow with a pre-made command-line interface to turn your project into a more pleasant experience.
• A just right amount of lean, well-commented, modern, HTML5 templates.
• A custom header implementation in inc/custom-header.php. Just add the code snippet found in the comments of inc/custom-header.php to your header.php template.
• Custom template tags in inc/template-tags.php that keep your templates clean and neat and prevent code duplication.
• Some small tweaks in inc/template-functions.php that can improve your theming experience.
• A script at src/js/navigation.js that makes your menu a toggled dropdown on small screens (like your phone), ready for CSS artistry. It's enqueued in functions.php.
• 2 sample layouts in src/sass/layouts/ made using CSS Grid for a sidebar on either side of your content. Just uncomment the layout of your choice in src/sass/style.scss. Note: .no-sidebar styles are automatically loaded.
• Smartly organized starter CSS in style.css that will help you to quickly get your design off the ground.
• Full support for WooCommerce plugin integration with hooks in inc/woocommerce.php, styling override woocommerce.css with product gallery features (zoom, swipe, lightbox) enabled.
• Licensed under GPLv2 or later. :) Use it to make something cool.

Installation

Requirements

empty-parcel requires the following dependencies:

• Node.js
• Composer

Quick Start

Clone or download this repository, change its name to something else (like, say, my-awesome-theme), and then you'll need to do a six-step find and replace on the name in all the templates.

Setup

First, ensure Parcel.js is installed globally :

$ npm install -g parcel-bundler

To start using all the tools that come with empty-parcel you need to install the necessary Node.js and Composer dependencies :

$ npm run setup

Available CLI commands

empty-parcel comes packed with CLI commands tailored for WordPress theme development :

• npm run watch : runs the parcel watch command and outputs CSS and JS to dist/ directory.

• npm run build : runs the parcel build command and outputs CSS and JS to dist/ directory.

• composer lint:wpcs : checks all PHP files against PHP Coding Standards.

• composer lint:php : checks all PHP files for syntax errors.

• composer make-pot : generates a .pot file in the languages/ directory.

• npm run compile:css : compiles SASS files to css.

• npm run compile:rtl : generates an RTL stylesheet.

• npm run watch : watches all SASS files and recompiles them to css when they change.

• npm run lint:scss : checks all SASS files against CSS Coding Standards.

• npm run lint:js : checks all JavaScript files against JavaScript Coding Standards.

• npm run bundle : generates a .zip archive for distribution, excluding development and system files.

Now you're ready to go! The next step is easy to say, but harder to do: make an awesome WordPress theme. :)

Good luck!