Skip to content
This is the sample theme created for the Genesis Framework.
Branch: develop
Clone or download
Type Name Latest commit message Commit time
Failed to load latest commit information.
.scripts Add new script to zip files for production Apr 1, 2019
config Add class for homepage contact button Mar 27, 2019
images Update favicon. Mar 22, 2018
js Lint theme JavaScript to WP standards Mar 18, 2019
languages Update language file Mar 18, 2019
page-templates Better function name for landing page body class Mar 8, 2019
.eslintrc.js Add JavaScript linting using ESLint and WordPress standards Mar 18, 2019
.gitignore Add npm scripts Oct 19, 2018
.stylelintrc.json Add contributing guidelines Mar 18, 2019
composer.json Add npm scripts Oct 19, 2018
functions.php Remove link in hidden title when custom logo is in use Mar 28, 2019
package-lock.json Update dependencies to use archiver instead of adm-zip Apr 1, 2019
style.css Prep for 2.9.2-dev cycle Mar 20, 2019

Genesis Sample Theme

GitHub project link:

Installation Instructions

  1. Upload the Genesis Sample theme folder via FTP to your wp-content/themes/ directory. (The Genesis parent theme needs to be in the wp-content/themes/ directory as well.)
  2. Go to your WordPress dashboard and select Appearance.
  3. Activate the Genesis Sample theme.
  4. Inside your WordPress dashboard, go to Genesis > Theme Settings and configure them to your liking.

Theme Support

Please visit for theme support.

For Developers

The version of Genesis Sample on GitHub includes tooling to check code against WordPress standards. To use it:

  1. Install Composer globally on your development machine. See Composer setup steps.
  2. In the command line, change directory to the Genesis Sample folder.
  3. Type the command composer install to install PHP development dependencies.
  4. Type composer phpcs to run coding standards checks.

You'll see output highlighting issues with PHP files that do not conform to Genesis Sample coding standards.

npm scripts

Scripts are also provided to help with CSS linting, CSS autoprefixing, and creation of pot language files. To use them:

  1. Install Node.js, which also gives you the Node Package Manager (npm).
  2. In the command line, change directory to the Genesis Sample folder.
  3. Type the command npm install to install dependencies.

You can then type any of these commands:

  • npm run autoprefixer to add and remove vendor prefixes in style.css.
  • npm run makepot to regenerate the languages/genesis-sample.pot file.
  • npm run lint:css to generate a report of style violations for style.css.
  • npm run lint:js to generate a report of style violations for JavaScript files.
  • npm run fix:js to fix any JavaScript style violations that can be corrected automatically.
  • npm run zip to create a Files in the excludes array in scripts/makezip.js are omitted.

Packaging for distribution

  1. Follow the install instructions for npm scripts above.
  2. Switch to the git branch you plan to distribute.
  3. Bump version numbers manually and commit those changes.
  4. Type npm run zip to create Files in the excludes array in scripts/makezip.js are omitted from the zip. files will be renamed to filename.txt.
You can’t perform that action at this time.