PHPackages                             cdk-comp/cdkage - 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. [Utility &amp; Helpers](/categories/utility)
4. /
5. cdk-comp/cdkage

ActiveWordpress-theme[Utility &amp; Helpers](/categories/utility)

cdk-comp/cdkage
===============

WordPress starter theme with a modern development workflow

1.0.5(7y ago)4111MITPHPPHP &gt;=7.1

Since Sep 1Pushed 7y ago1 watchersCompare

[ Source](https://github.com/cdk-comp/cdkage)[ Packagist](https://packagist.org/packages/cdk-comp/cdkage)[ Docs](https://roots.io/sage/)[ RSS](/packages/cdk-comp-cdkage/feed)WikiDiscussions master Synced 4d ago

READMEChangelog (1)Dependencies (8)Versions (5)Used By (0)

[CDKage based Sage](https://roots.io/sage/)
===========================================

[](#cdkage-based-sage)

[![Packagist](https://camo.githubusercontent.com/74b56ff3373cc5851996961ffab73730629baa3b2f5ab069bbd27cd282e02836/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f767072652f63646b2d636f6d702f63646b6167652e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/cdk-comp/cdkage)[![devDependency Status](https://camo.githubusercontent.com/3fcc8386a4350335255d48334a17346985d9840e4542f0b37ce8c37fcf888413/68747470733a2f2f696d672e736869656c64732e696f2f64617669642f6465762f63646b2d636f6d702f63646b6167652e7376673f7374796c653d666c61742d737175617265)](https://david-dm.org/cdk-comp/cdkage#info=devDependencies)[![Build Status](https://camo.githubusercontent.com/5a2e54612b666b29c26f04a7e1347d99047c48961a8c13aaa2b184436c1469eb/68747470733a2f2f696d672e736869656c64732e696f2f7472617669732f63646b2d636f6d702f63646b6167652e7376673f7374796c653d666c61742d737175617265)](https://travis-ci.org/cdk-comp/cdkage)

CDKAGE is a Sage based WordPress starter theme with a modern development workflow.

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
- [ACF](https://www.advancedcustomfields.com) support with custom modules development
- [ACF Builder](https://github.com/StoutLogic/acf-builder) configuration arrays for Advanced Custom Fields Pro using the builder pattern and a fluent API
- [Ultimate Fields](https://www.ultimate-fields.com/) support with custom modules development

See a working example at [roots-example-project.com](https://roots-example-project.com/).

Requirements
------------

[](#requirements)

Make sure all dependencies have been installed before moving on:

- [WordPress](https://wordpress.org/) &gt;= 4.9.8
- [Advanced Custom Fields](https://wordpress.org/plugins/advanced-custom-fields) &gt;= 5.7.6 or
- [Ultimate Fields](https://wordpress.org/plugins/ultimate-fields) &gt;= 3.0.2
- [PHP](https://secure.php.net/manual/en/install.php) &gt;= 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/) &gt;= 6.9.x
- [Yarn](https://yarnpkg.com/en/docs/install)

Theme installation
------------------

[](#theme-installation)

Install CDKage using Composer from your WordPress themes directory (replace `your-theme-name` below with the name of your theme):

```
# @ app/themes/ or wp-content/themes/
$ composer create-project cdk-comp/cdkage your-theme-name
```

To install the latest development version of Sage, add `dev-master` to the end of the command:

```
$ composer create-project roots/sage your-theme-name dev-master
```

During theme installation you will have options to update `style.css` theme headers, select a CSS framework, and configure Browsersync.

Theme structure
---------------

[](#theme-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
│   ├── wcf-check.php                 # → Check if required plugin's exist
│   ├── wcf-init.php                  # → Init option page for module management
│   ├── wcf-modules.php               # → Module management for ACF/Ultimate fields
│   └── 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
│   ├── modules/                      # → Module loads and config
│   │   ├── **/fields.php             # → Fields management
│   │   ├── **/partial.blade.php      # → Module template
│   │   ├── **/script.js              # → Module JS
│   │   ├── **/style.scss             # → Module stylesheets
│   │   └── class-module-loader.php   # → Settings for compiled assets
│   ├── 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)
```

Theme setup
-----------

[](#theme-setup)

Edit `app/setup.php` to enable or disable theme features, setup navigation menus, post thumbnail sizes, and sidebars.

Theme development
-----------------

[](#theme-development)

- Run `yarn` from the theme directory to install dependencies
- Update `resources/assets/config.json` settings:
    - `devUrl` should reflect your local development hostname
    - `publicPath` should reflect your WordPress folder structure (`/wp-content/themes/cdkage` for non-[Bedrock](https://roots.io/bedrock/) installs)

### Build commands

[](#build-commands)

- `yarn start` — Compile assets when file changes are made, start Browsersync session
- `yarn build` — Compile and optimize the files in your assets directory
- `yarn build:production` — Compile assets for production

Documentation
-------------

[](#documentation)

- [Sage documentation](https://roots.io/sage/docs/)
- [Controller documentation](https://github.com/soberwp/controller#usage)
- [Advanced Custom Fields](https://www.advancedcustomfields.com/resources/)
- [ACF Builder](https://github.com/StoutLogic/acf-builder/wiki)
- [Ultimate Fields](http://ultimate-fields.com/docs/)

Contributing
------------

[](#contributing)

Contributions are welcome from everyone.

CDKage sponsors
---------------

[](#cdkage-sponsors)

Help support our open-source development efforts by:

- Buy a [hosting](http://bit.ly/do_cdk) (and receive $10 credit!)
- [PayPal donate](https://www.paypal.me/cdkdev)
- Buy me a [coffee](https://www.buymeacoffee.com/cdk)

Community
---------

[](#community)

- Participate on the [Telegram](https://t.me/dimaminka)

TODO
====

[](#todo)

- Make example project with cdk-comp/bedrock and vagrant-easyengine
- Update dependencies for Node.js
- Make ACF builder module
- Include showcase screencast about a CDKage

###  Health Score

27

—

LowBetter than 49% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity10

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity60

Established project with proven stability

 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 ~30 days

Total

2

Last Release

2782d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/273111?v=4)[The Chemistry Development Kit](/maintainers/cdk)[@cdk](https://github.com/cdk)

---

Top Contributors

[![DimaMinka](https://avatars.githubusercontent.com/u/12497991?v=4)](https://github.com/DimaMinka "DimaMinka (6 commits)")

---

Tags

wordpress

###  Code Quality

Code StylePHP\_CodeSniffer

### Embed Badge

![Health badge](/badges/cdk-comp-cdkage/health.svg)

```
[![Health](https://phpackages.com/badges/cdk-comp-cdkage/health.svg)](https://phpackages.com/packages/cdk-comp-cdkage)
```

###  Alternatives

[roots/bedrock

WordPress boilerplate with Composer, easier configuration, and an improved folder structure

6.5k441.8k2](/packages/roots-bedrock)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
