This repository has been archived on 2020-05-08. You can view files and clone it, but cannot push or open issues or pull requests.
Go to file
Ray Elliott d166d38ae8 update .gitignore 2020-05-07 20:23:11 +00:00
bin Add a bundle script to generate a zip file for theme distribution (#1417) 2020-04-30 20:15:59 +00:00
inc Refactor the css layout to use grid and flex 2020-04-18 19:26:11 +01:00
js Remove the skip link focus fix (#1424) 2020-05-07 05:09:46 +00:00
languages Merge branch 'master' into update-single-post-nav 2020-04-17 22:05:34 +01:00
sass add typography mixins, google fonts helper 2020-05-07 20:13:07 +00:00
template-parts Fix PHP, CSS AND JS coding standards 2020-04-05 21:49:27 +01:00
.eslintrc Add composer.json and package.json for linting with Travis 2020-04-07 20:51:04 +01:00
.gitignore update .gitignore 2020-05-07 20:23:11 +00:00
.stylelintrc.json initial fork 2020-05-07 18:25:37 +01:00
.travis.yml Travis CI : dont install dependencies unless they are used 2020-04-16 23:01:18 +01:00
404.php Refactor the css layout to use grid and flex 2020-04-18 19:26:11 +01:00
LICENSE Change license to v2.0 2016-07-15 22:54:29 +08:00
README.md initial fork 2020-05-07 18:25:37 +01:00
SETUP do not exit after composer setup 2020-05-07 20:18:35 +00:00
archive.php Refactor the css layout to use grid and flex 2020-04-18 19:26:11 +01:00
comments.php Fix PHP, CSS AND JS coding standards 2020-04-05 21:49:27 +01:00
composer.json Add make-pot command to composer and update _s.pot file 2020-04-10 17:04:29 +01:00
footer.php Refactor the css layout to use grid and flex 2020-04-18 19:26:11 +01:00
functions.php add typography mixins, google fonts helper 2020-05-07 20:13:07 +00:00
header.php Refactor the css layout to use grid and flex 2020-04-18 19:26:11 +01:00
index.php Refactor the css layout to use grid and flex 2020-04-18 19:26:11 +01:00
package.json initial fork 2020-05-07 18:25:37 +01:00
page.php Refactor the css layout to use grid and flex 2020-04-18 19:26:11 +01:00
phpcs.xml.dist Add composer.json and package.json for linting with Travis 2020-04-07 20:51:04 +01:00
readme.txt Update readme.txt 2020-04-12 21:30:49 +01:00
screenshot.png New 1200x900px screenshot, compressed 2015-04-03 14:35:59 -07:00
search.php Refactor the css layout to use grid and flex 2020-04-18 19:26:11 +01:00
sidebar.php Remove landmark roles 2017-06-23 12:41:05 -04:00
single.php Refactor the css layout to use grid and flex 2020-04-18 19:26:11 +01:00
style-rtl.css Replace className.indexOf with classList.contains (#1422) 2020-05-06 07:20:29 +00:00
style.css Use CSS grid for gallery styles (#1246) 2020-05-03 23:26:48 +00:00
woocommerce.css Refactor the css layout to use grid and flex 2020-04-18 19:26:11 +01:00

README.md

Changes from Upstream

  • Added 'autoprefixer'.
  • Added 'dev' script - this also watches for scss changes - npm run dev
  • Run SETUP to set theme up with correct name and npm and composer dependencies installed.

_s

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.

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 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 sass/layout/ made using CSS Grid for a sidebar on either side of your content. Just uncomment the layout of your choice in sass/site/_site.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

_s requires the following dependencies:

Quick Start

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.

  1. Search for '_s' (inside single quotations) to capture the text domain and replace with: 'megatherium-is-awesome'.
  2. Search for _s_ to capture all the functions names and replace with: megatherium_is_awesome_.
  3. Search for Text Domain: _s in style.css and replace with: Text Domain: megatherium-is-awesome.
  4. Search for  _s (with a space before it) to capture DocBlocks and replace with:  Megatherium_is_Awesome.
  5. Search for _s- to capture prefixed handles and replace with: megatherium-is-awesome-.
  6. Search for _S_ (in uppercase) to capture constants and replace with: MEGATHERIUM_IS_AWESOME_.

Then, update the stylesheet header in style.css, the links in footer.php with your own information and rename _s.pot from languages folder to use the theme's slug. Next, update or delete this readme.

Setup

To start using all the tools that comes with _s you need to install the necessary Node.js and Composer dependencies :

$ composer install
$ npm install

Available CLI commands

_s comes 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 language/ directory.
  • npm run compile:css : compiles SASS files to css.
  • npm run compile:rtl : generates an RTL stylesheet.
  • 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!