PHPackages                             kingkool68/wp-styleguide - 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. kingkool68/wp-styleguide

ActiveWordpress-plugin

kingkool68/wp-styleguide
========================

Enable styleguide files for your theme

142PHP

Since Nov 11Pushed 2y agoCompare

[ Source](https://github.com/kingkool68/wp-styleguide)[ Packagist](https://packagist.org/packages/kingkool68/wp-styleguide)[ RSS](/packages/kingkool68-wp-styleguide/feed)WikiDiscussions master Synced today

READMEChangelogDependenciesVersions (1)Used By (0)

WP Styleguide
=============

[](#wp-styleguide)

This plugin maps requests to `/styleguide/` to a `styleguide` directory in your WordPress theme. this allows you to craft a styelguide and make it accessible via the front end of your website. This comes in handy for keeping a collection of static components that you can visually QA. All of the functions and classes available to your theme should be available to your styleguide pages as well.

For example, given this directory structure...

```
my-theme/
    - index.php
    - style.css
    - functions.php
    styleguide/
        - index.php
		- colors.php

```

A request to `/styleguide/colors/` would look for `my-theme/styelguide/colors.php`. What you put in those files is up to you and your styleguide.

Sass Color Helper function
--------------------------

[](#sass-color-helper-function)

To get color values from a Sass file you can call `WP_Styleguide::get_sass_colors()` passing in the path to a scss file to parse.

You'll get back an array of hex colors keyed by their Sass variables.

Example:

```
array(
    '$white' => '#ffffff',
    '$black' => '#000000',
);

```

###  Health Score

14

—

LowBetter than 2% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity7

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity20

Early-stage or recently created project

 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.

### Community

Maintainers

![](https://www.gravatar.com/avatar/b523a37c0496cd23d8c8780e5266a42f2aad4f7f8bfacfa2dbb72bfa6d7f12ca?d=identicon)[kingkool68](/maintainers/kingkool68)

---

Top Contributors

[![kingkool68](https://avatars.githubusercontent.com/u/867430?v=4)](https://github.com/kingkool68 "kingkool68 (8 commits)")

### Embed Badge

![Health badge](/badges/kingkool68-wp-styleguide/health.svg)

```
[![Health](https://phpackages.com/badges/kingkool68-wp-styleguide/health.svg)](https://phpackages.com/packages/kingkool68-wp-styleguide)
```

PHPackages © 2026

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