PHPackages cit/wp-sage-101 - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Framework](/categories/framework) 4. / 5. cit/wp-sage-101 ActiveProject[Framework](/categories/framework) cit/wp-sage-101 =============== WordPress starter theme with a modern development workflow 1.0.3(6y ago)06[10 PRs](https://github.com/ketancit/wp-sage-101/pulls)MITHTMLPHP >=7.1 Since Mar 23Pushed 3y ago1 watchersCompare [ Source](https://github.com/ketancit/wp-sage-101)[ Packagist](https://packagist.org/packages/cit/wp-sage-101)[ Docs](https://conscienceit.com/)[ RSS](/packages/cit-wp-sage-101/feed)WikiDiscussions master Synced today READMEChangelog (2)Dependencies (7)Versions (14)Used By (0) [WP Sage 101](https://conscienceit2018.wixsite.com/website-1/copy-of-moodle) ============================================================================ [](#wp-sage-101) **WP Sage 101** is a starter theme developed by Conscience Information Technologies based on the starter theme framework provided by Roots. For Developers -------------- [](#for-developers) ### Features [](#features) - Sass for stylesheets - Modern JavaScript - [Webpack](https://webpack.github.io/) for compiling assets, optimizing images, and concatenating and minifying files - [Browsersync](http://www.browsersync.io/) for synchronized browser testing - [Blade](https://laravel.com/docs/5.6/blade) as a templating engine - [Controller](https://github.com/soberwp/controller) for passing data to Blade templates - CSS framework (optional): [Bootstrap 4](https://getbootstrap.com/), [Bulma](https://bulma.io/), [Foundation](https://foundation.zurb.com/), [Tachyons](http://tachyons.io/), [Tailwind](https://tailwindcss.com/) ### Requirements [](#requirements) Make sure all dependencies have been installed before moving on: - [WordPress](https://wordpress.org/) >= 4.7 - [PHP](https://secure.php.net/manual/en/install.php) >= 7.1.3 (with [`php-mbstring`](https://secure.php.net/manual/en/book.mbstring.php) enabled) - [Composer](https://getcomposer.org/download/) - [Node.js](http://nodejs.org/) >= 8.0.0 - [Yarn](https://yarnpkg.com/en/docs/install) ### Theme installation [](#theme-installation) Install Sage using Composer from your WordPress themes directory (replace `your-theme-name` below with the name of your theme): ``` $ composer create-project cit/wp-sage-101 theme-name/ $ cd theme-name/ $ yarn $ yarn build ``` During theme installation you will have options to update `style.css` theme headers, select a CSS framework, and configure Browsersync. ### File Structure [](#file-structure) ``` themes/your-theme-name/ # → Root of your Sage based theme ├── app/ # → Theme PHP │ ├── Controllers/ # → Controller files │ ├── admin.php # → Theme customizer setup │ ├── filters.php # → Theme filters │ ├── helpers.php # → Helper functions │ └── setup.php # → Theme setup ├── composer.json # → Autoloading for `app/` files ├── composer.lock # → Composer lock file (never edit) ├── dist/ # → Built theme assets (never edit) ├── node_modules/ # → Node.js packages (never edit) ├── package.json # → Node.js dependencies and scripts ├── resources/ # → Theme assets and templates │ ├── assets/ # → Front-end assets │ │ ├── config.json # → Settings for compiled assets │ │ ├── build/ # → Webpack and ESLint config │ │ ├── fonts/ # → Theme fonts │ │ ├── images/ # → Theme images │ │ ├── scripts/ # → Theme JS │ │ └── styles/ # → Theme stylesheets │ ├── functions.php # → Composer autoloader, theme includes │ ├── index.php # → Never manually edit │ ├── screenshot.png # → Theme screenshot for WP admin │ ├── style.css # → Theme meta information │ └── views/ # → Theme templates │ ├── layouts/ # → Base templates │ └── partials/ # → Partial templates └── vendor/ # → Composer packages (never edit) ``` WP Sage 101 and Conscience Information Technologies --------------------------------------------------- [](#wp-sage-101-and-conscience-information-technologies) [Conscience Information Technologies](https://conscienceit.com) believes in [12 Factor](https://12factor.net/) methodology for web development. So to meet with this methodology, Conscience is creating it's own toolchain for [Wordpress Services](https://conscienceit2018.wixsite.com/website-1/copy-of-moodle) provided by Conscience Information Technologies. **WP Sage 101** is one of the tools of Conscience Information Technologies. See the image below: [![](https://github.com/ketancit/gallery/raw/master/img_01.jpg)](https://github.com/ketancit/gallery/blob/master/img_01.jpg) So 'WP Sage 101' is based on the starter theme provided by [Roots](https://roots.io/sage/). By default, there is almost no styling in the theme. So taking this starter theme as a framework, Conscience has come up with 'WP Sage 101' with some basic look and features. ### Features [](#features-1) - Compatible with latest versions of - WooCommerce - Latest WP - Gutenberg - #### Style Guide [](#style-guide) - As a proof of Component Driven Development, the WP Sage 101 provides you a style guide of all the components of the theme. - On installing and activating the theme, you will see a new menu on WP Dashboard named as 'Style Guide'. On click of this menu, you will be redirected on the style guide page of the theme. - Here you can see the screenshot of the 'Style Guide' page: [![](https://github.com/ketancit/gallery/raw/master/style-guide.png)](https://github.com/ketancit/gallery/blob/master/style-guide.png) ### Health Score 25 — LowBetter than 37% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity4 Limited adoption so far Community7 Small or concentrated contributor base Maturity58 Maturing project, gaining track record Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~0 days Total 3 Last Release 2241d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/5876e8055657e4408ed657de046e2190c94697474f098b82636de1a3c23583b2?d=identicon)[ketanv-cit](/maintainers/ketanv-cit) --- Top Contributors [![ketancit](https://avatars.githubusercontent.com/u/59086241?v=4)](https://github.com/ketancit "ketancit (35 commits)") --- Tags wordpress ### Code Quality Code StylePHP\_CodeSniffer ### Embed Badge ![Health badge](/badges/cit-wp-sage-101/health.svg) ``` [![Health](https://phpackages.com/badges/cit-wp-sage-101/health.svg)](https://phpackages.com/packages/cit-wp-sage-101) ``` ### Alternatives [themosis/framework The Themosis framework. 676307.9k18](/packages/themosis-framework)[pods-framework/pods Pods is a development framework for creating, extending, managing, and deploying customized content types in WordPress. 1.1k1.7k](/packages/pods-framework-pods)[themosis/theme The Themosis framework boilerplate theme. 10449.0k3](/packages/themosis-theme) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)