PHPackages bonnier/wype-theme - 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. bonnier/wype-theme ActiveWordpress-theme bonnier/wype-theme ================== WordPress starter theme with a modern development workflow 04HTML Since Mar 7Pushed 7y ago5 watchersCompare [ Source](https://github.com/BenjaminMedia/wype-theme)[ Packagist](https://packagist.org/packages/bonnier/wype-theme)[ RSS](/packages/bonnier-wype-theme/feed)WikiDiscussions master Synced today READMEChangelogDependenciesVersions (2)Used By (0) [Sage](https://roots.io/sage/) ============================== [](#sage) [![Packagist](https://camo.githubusercontent.com/7afb88963e32c987e719a00d7eb449a309a10bc3738a9e86ebe39ee1afd2504a/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f767072652f726f6f74732f736167652e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/roots/sage)[![devDependency Status](https://camo.githubusercontent.com/c5ff9b09c354d0ade0550398ca3a2448d12616206cf246562b6ec747588164db/68747470733a2f2f696d672e736869656c64732e696f2f64617669642f6465762f726f6f74732f736167652e7376673f7374796c653d666c61742d737175617265)](https://david-dm.org/roots/sage#info=devDependencies)[![Build Status](https://camo.githubusercontent.com/b412cab2de7df7f0e0dc4d83a0f66f5797ad1d06016565aebb78325f7e9f3116/68747470733a2f2f696d672e736869656c64732e696f2f7472617669732f726f6f74732f736167652e7376673f7374796c653d666c61742d737175617265)](https://travis-ci.org/roots/sage) Sage is a 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 - 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/) 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/) >= 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): ``` # @ app/themes/ or wp-content/themes/ $ composer create-project roots/sage 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 ├── 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) ``` 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/sage` 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) Contributing ------------ [](#contributing) Contributions are welcome from everyone. We have [contributing guidelines](https://github.com/roots/guidelines/blob/master/CONTRIBUTING.md) to help you get started. Sage sponsors ------------- [](#sage-sponsors) Help support our open-source development efforts by [becoming a patron](https://www.patreon.com/rootsdev). [![Kinsta](https://camo.githubusercontent.com/efddc19d1bac22ad7023a1590d7fd98658a3abc0a6d5e3ac01f7927b02b3d1f2/68747470733a2f2f63646e2e726f6f74732e696f2f6170702f75706c6f6164732f6b696e7374612e737667)](https://kinsta.com/?kaid=OFDHAJIXUDIV) [![KM Digital](https://camo.githubusercontent.com/a43c3d99df2424b5db9767c5c1af52bcebc5ce3685ede00f8472bcb1e4dd7792/68747470733a2f2f63646e2e726f6f74732e696f2f6170702f75706c6f6164732f6b6d2d6469676974616c2e737667)](https://k-m.com/) Community --------- [](#community) Keep track of development and community news. - Participate on the [Roots Discourse](https://discourse.roots.io/) - Follow [@rootswp on Twitter](https://twitter.com/rootswp) - Read and subscribe to the [Roots Blog](https://roots.io/blog/) - Subscribe to the [Roots Newsletter](https://roots.io/subscribe/) - Listen to the [Roots Radio podcast](https://roots.io/podcast/) ### Health Score 20 — LowBetter than 14% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity3 Limited adoption so far Community11 Small or concentrated contributor base Maturity40 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. ### Community Maintainers ![](https://www.gravatar.com/avatar/8a3a215b5d0438fc3b691faf171722b3451ad9c7dbae257799d5e4caede6a3fe?d=identicon)[MFlor](/maintainers/MFlor) ![](https://www.gravatar.com/avatar/c85972abf129cb0d5522b069083a4084ef35c680f98642a7caa65fda3a26f23d?d=identicon)[sorenthorup](/maintainers/sorenthorup) ![](https://www.gravatar.com/avatar/42a101ed1d72b4911ddfdc734d53248150271bd5ff6a9272952beca139a0723d?d=identicon)[jonastanz](/maintainers/jonastanz) --- Top Contributors [![jonastanz](https://avatars.githubusercontent.com/u/12626047?v=4)](https://github.com/jonastanz "jonastanz (1 commits)") ### Embed Badge ![Health badge](/badges/bonnier-wype-theme/health.svg) ``` [![Health](https://phpackages.com/badges/bonnier-wype-theme/health.svg)](https://phpackages.com/packages/bonnier-wype-theme) ``` PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)