Granule

A WordPress starter theme. The code I use to start all of my Pro Theme Design themes.
Alternatives To Granule
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Typography.js3,7572,2061864 months ago79May 10, 202195mitJavaScript
A powerful toolkit for building websites with beautiful design
Argon Theme3,160
2 months ago120gpl-3.0PHP
📖 Argon - 一个轻盈、简洁的 WordPress 主题
Understrap2,9578113 days ago37November 08, 202175gpl-3.0CSS
Underscores + Bootstrap = Understrap, the renowned open-source WordPress starter theme.
Sakura2,947
2 months ago20gpl-2.0PHP
A Wonderful WordPress Theme: 樱花庄的白猫博客主题
Frontity2,8236672 months ago60July 19, 202266apache-2.0TypeScript
» Frontity - The React Framework for WordPress
Foundationpress2,780
4 years ago35April 12, 201955mitPHP
FoundationPress is a WordPress starter theme based on Foundation 6 by Zurb
Kratos2,703
6 days ago11gpl-3.0PHP
📖 WordPress theme that focus on reading experience
Plugin Update Checker1,927633016 days ago31July 24, 202279mitPHP
A custom update checker for WordPress plugins. Useful if you don't want to host your project in the official WP repository, but would still like it to support automatic updates. Despite the name, it also works with themes.
Sakurairo1,835
21 hours ago6gpl-2.0PHP
一个多彩、轻松上手、体验完善,具有强大自定义功能的WordPress主题(基于Sakura主题,支持简繁英日多语言)A Colorful, Easy-to-use, Perfect Experience, and Powerful Customizable WordPress Theme (Based on Theme Sakura. Support Simplified Chinese, Traditional Chinese, English and Japanese languages)
Wpgulp1,740
a year ago20November 21, 202032other
An advanced Gulp workflow for WordPress development with extensive documentation. Used by 40,000+ themes and plugins.
Alternatives To Granule
Select To Compare


Alternative Project Comparisons
Readme

Granule - A WordPress Starter Theme.

Granule is the theme I use as the starter theme for all of my Pro Theme Design themes.

The theme was initially based on Darren Hoyts Gravy theme, but has evolved over many years of developing themes for wordpress.com. It now takes inspiration from _s and is a simple starting point for creating new WordPress themes.

Things to note:

  • It is not a theme framework or a parent theme.
  • The theme code does not care about backwards compatibility. There's no need since the theme is not a parent theme.
  • Granule always supports the latest version of WordPress.
  • WordPress coding standards should be followed. I do this locally using PHPCS, with the WordPress Coding Standards.
  • Docblocks are used extensively. Eventually I want to auto generate documentation using these comments.
  • Accessibility is baked in (following the WordPress.org standards). However I am sure it's not perfect and is something I am keen to improve - would love pull requests to help here :)

Example Themes

Below is a selection of the recent themes that Granule was used to create:

Features

  • Supports most major WordPress functionality (Custom header, Site Logo etc)
  • Supports most Jetpack functionality (Featured Content, Infinite Scroll, Portfolios, Social Menus, Content Options - and more) - see jetpack.php for more.
  • Follows the wordpress.com theme developer guidelines.
  • Pure CSS dropdown menu (with a smattering of js for compatibility).
  • SVG Icons
  • SASS styles
  • Boilerplate Customizer code

Using Granule

To use the theme as a starter theme I recommend checking out all of the files and then placing both the __sass and granule directories into your wp-content/themes folder. You can then either hack away on granule, or create a copy of the granule folder and use that to create your themes. Either way you will need to do a case sensitive search and replace on all instances of the name granule.

About the __sass Framework

Granule uses an external SASS library. This means the SASS is easily reusable - however it's entirely optional. If you don't want to use it then you can use your normal library/ process. This is one of the joys of using a starter theme.

If you want to use the Granule SASS library then I recommend the following process:

  • Grab the Granule SASS library
  • Place the Granule SASS library in the wp-content/themes directory (Granule theme is setup to use this location)

Many of the library properties are stored in variables in the __sass/lib/variables directory. These can be overriden in the granule/assets/sass/lib/_variables.scss

License

GPL2

Popular Theme Projects
Popular Wordpress Projects
Popular User Interface Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Theme
Wordpress
Sass
Wordpress Theme
Wordpress Starter Theme