Themer is a WordPress plugin that provides a UI for users to edit the theme.json file of your currently active theme. It was built as a companion to the Site Editor allowing for even more granular control over your site styles through a dedicated UI.
- Edit and add new styles to your theme.json file through the UI
- Edit global styles, block styles and element styles
- Edit pseudo-class styles on elements
- Edit elements and pseudo-class styles within specific blocks
- Built in accessibility checker for colour contrast
- Contextual view of theme.json code whilst editing styles
- Option to export theme.json file for inclusion in your theme
- WordPress: 6.2
- PHP: 8.0
When installing to your site, add the following to you composer.json file. This will ensure that installation will use the build version of the package and allow it to be loaded using composer in the preferred path.
{
"repositories": [
{
"type": "vcs",
"url": "[email protected]:@bigbite/themer.git"
}
],
"require": {
"@bigbite/themer": "^1.0.0"
},
"extra": {
"installer-paths": {
"plugins/{$name}/": [ "type:wordpress-plugin" ]
}
}
}Clone the repository into your plugins or client-mu-plugins directory.
git clone [email protected]:@bigbite/themer.git && cd themer
Install JS packages.
npm install
Build all assets
npm run build:prod
Install PHP packages and create autoloader for the plugin.
composer update
We welcome bug reports, feature requests, questions, and pull requests. If you spot any mistakes or have an idea to make the plugin better, just open an issue.
Please read Code of Conduct for details on our code of conduct and Contributing for details on the process for submitting pull requests to us.