wd_s
Debt Collective Theme
Table of Contents
Introduction
Hi. I'm a starter theme called wd_s
, or wdunderscores
. 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!
I feature some of the web's most proven technologies like: , npm, webpack, Sass, and PostCSS. To help you write clean code (that meets WordPress standards), we tap into @wordpress/scripts for linting CSS and JavaScript. Did I mention that I'm also accessible? Yup. I pass both WCAG 2.1AA and Section 508 standards out of the box.
I also support Selective Refresh and Live Preview in the Theme Customizer.
Not to mention, I use Browsersync so you can watch your project update in real-time while you work.
Looking to use some of our Advanced Custom Fields Gutenberg Blocks? It's also easy! Add the WDS ACF Blocks plugin for a whole set of blocks built with ACF including: Accordion, Carousel, Call To Action, Fifty/Fifty, Hero, Recent Posts, and Related Posts.
Getting Started
Prerequisites
Because I compile and bundle assets via NPM scripts, basic knowledge of the command line and the following dependencies are required:
Setup
From the command line, change directories to your new theme directory:
cd /wp-content/themes/debtcollective
Install theme dependencies and trigger an initial build.
Note: You will need to have Composer and NPM 7 installed first.
yarn install
If you see any errors thrown by webpack dependencies on build, update wordpress-scripts dependencies with
yarn run packages-update
Development
From the command line, type any of the following to perform an action:
Command | Action |
---|---|
yarn run watch |
Builds assets and starts Live Reload and Browsersync servers |
yarn run start |
Builds assets and starts Live Reload server |
yarn run build |
Builds production-ready assets for a deployment |
yarn run lint |
Check all CSS, JS, MD, and PHP files for errors |
yarn run format |
Fix all CSS, JS, MD, and PHP formatting errors automatically |