Hi. I'm a starter theme called _s, or underscores, if you like. 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.
Hi. I'm a starter theme called
underscores, if you like. 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:
inc/custom-header.php. Just add the code snippet found in the comments of
inc/template-tags.phpthat keep your templates clean and neat and prevent code duplication.
inc/template-functions.phpthat can improve your theming experience.
js/navigation.jsthat makes your menu a toggled dropdown on small screens (like your phone), ready for CSS artistry. It's enqueued in
sass/layouts/made using CSS Grid for a sidebar on either side of your content. Just uncomment the layout of your choice in
.no-sidebarstyles are automatically loaded.
style.cssthat will help you to quickly get your design off the ground.
WooCommerce pluginintegration with hooks in
inc/woocommerce.php, styling override woocommerce.css with product gallery features (zoom, swipe, lightbox) enabled.
_srequires the following dependencies:
Clone or download this repository, change its name to something else (like, say,
megatherium-is-awesome), and then you'll need to do a six-step find and replace on the name in all the templates.
'_s'(inside single quotations) to capture the text domain and replace with:
_s_to capture all the functions names and replace with:
Text Domain: _sin
style.cssand replace with:
Text Domain: megatherium-is-awesome.
s(with a space before it) to capture DocBlocks and replace with:
_s-to capture prefixed handles and replace with:
_S_(in uppercase) to capture constants and replace with:
Then, update the stylesheet header in
style.css, the links in
footer.phpwith your own information and rename
languagesfolder to use the theme's slug. Next, update or delete this readme.
To start using all the tools that come with
_syou need to install the necessary Node.js and Composer dependencies :
$ composer install $ npm install
_scomes packed with CLI commands tailored for WordPress theme development :
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
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 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. :)