https://github.com/nl-design-system/nlds-community-blocks
WordPress Gutenberg Blocks for NL Design System components. Authors of WordPress websites can now use NL Design System components to compose their pages. This repository is maintained by the NL Design System community.
https://github.com/nl-design-system/nlds-community-blocks
nl-design-system wordpress wordpress-plugin
Last synced: 2 months ago
JSON representation
WordPress Gutenberg Blocks for NL Design System components. Authors of WordPress websites can now use NL Design System components to compose their pages. This repository is maintained by the NL Design System community.
- Host: GitHub
- URL: https://github.com/nl-design-system/nlds-community-blocks
- Owner: nl-design-system
- License: eupl-1.2
- Created: 2022-07-22T09:53:10.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2025-06-10T10:24:19.000Z (about 1 year ago)
- Last Synced: 2025-06-10T11:33:18.679Z (about 1 year ago)
- Topics: nl-design-system, wordpress, wordpress-plugin
- Language: PHP
- Homepage:
- Size: 1.47 MB
- Stars: 2
- Watchers: 4
- Forks: 0
- Open Issues: 38
-
Metadata Files:
- Readme: readme.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# NL Design System Community Blocks
This plugin adds Gutenberg blocks that implement the NL Design System to the WordPress block editor.
Dynamic block is created and adapted from
https://developer.wordpress.org/block-editor/packages/packages-scripts/
## Installation
### Manual installation
1. Upload the `nlds-community-blocks` folder to the `/wp-content/plugins/` directory.
2. `cd /wp-contents/plugins/nlds-community-blocks`
3. `pnpm install && pnpm run build`
4. Activate the NL Design System Community Blocks plugin through the 'Plugins' menu in WordPress.
### Composer installation
1. `composer config repositories.nlds-community-blocks github https://github.com/nl-design-system/nlds-community-blocks`
2. `composer require nl-design-system/nlds-community-blocks`
3. `cd /wp-contents/plugins/nlds-community-blocks`
4. `pnpm install && pnpm run build`
5. Activate the NL Design System Community Blocks plugin through the 'Plugins' menu in WordPress.
## Coding Standards
Please remember, we use the WordPress PHP Coding Standards for this plugin! (https://make.wordpress.org/core/handbook/best-practices/coding-standards/php/) To check if your changes are compatible with these standards:
- `cd /wp-content/plugins/nlds-community-blocks`
- `composer install` (this step is only needed once after installing the plugin)
- `./vendor/bin/phpcs --standard=phpcs.xml.dist .`
- See the output if you have made any errors.
- Errors marked with `[x]` can be fixed automatically by phpcbf, to do so run: `./vendor/bin/phpcbf --standard=phpcs.xml.dist .`
N.B. the `composer install` command also install a git hook, preventing you from committing code that isn't compatible with the coding standards.
## Translations
```
wp i18n make-pot . languages/nlds-community-blocks.pot --exclude="node_modules/,vendor/" --domain="nlds-community-blocks"
```
```
cd languages && wp i18n make-json nlds-community-blocks-nl_NL.po --no-purge
```
## Building
For the latest building commands check the package.json.
We have a watch command for the WordPress blocks and its assets. Due to the lack of support of the WP Block watcher we're calling the `pnpm run start`, for the assets we run `pnpm run start-assets`.