{"id":23241119,"url":"https://github.com/widilo/widilo-gutenberg-boilerplate","last_synced_at":"2025-04-05T22:33:01.098Z","repository":{"id":60122423,"uuid":"541112799","full_name":"widilo/widilo-gutenberg-boilerplate","owner":"widilo","description":"Gutenberg Blocks Boilerplate Plugin","archived":false,"fork":false,"pushed_at":"2022-11-10T06:58:32.000Z","size":91,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-01T17:10:01.074Z","etag":null,"topics":["blocks","boilerplate","gutenberg","gutenberg-blocks","wordpress","wordpress-plugin"],"latest_commit_sha":null,"homepage":"https://github.com/widilo/widilo-gutenberg-boilerplate","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/widilo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-09-25T09:04:20.000Z","updated_at":"2022-10-04T18:31:23.000Z","dependencies_parsed_at":"2022-09-25T22:54:36.900Z","dependency_job_id":null,"html_url":"https://github.com/widilo/widilo-gutenberg-boilerplate","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/widilo%2Fwidilo-gutenberg-boilerplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/widilo%2Fwidilo-gutenberg-boilerplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/widilo%2Fwidilo-gutenberg-boilerplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/widilo%2Fwidilo-gutenberg-boilerplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/widilo","download_url":"https://codeload.github.com/widilo/widilo-gutenberg-boilerplate/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247411256,"owners_count":20934650,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["blocks","boilerplate","gutenberg","gutenberg-blocks","wordpress","wordpress-plugin"],"created_at":"2024-12-19T05:15:25.710Z","updated_at":"2025-04-05T22:33:01.058Z","avatar_url":"https://github.com/widilo.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# widilo® Gutenberg Boilerplate (widilo-gutenberg-boilerplate)\r\n\r\nA boilerplate for the time-saving creation of WordPress Gutenberg Blocks or plugins for the Gutenberg Block Editor.\r\n\r\n## Installation:\r\n\r\n1. Login to your WP installation via SSH/Terminal\r\n2. Switch to the WP plugin directory (wp-content/plugins)\r\n3. Install our boilerplate plugin using the following command:\u003cbr\u003e\u003cbr\u003e\r\n   `npm i @widilo/widilo-gutenberg-boilerplate` \u003cbr\u003e\u003cbr\u003e\r\n4. After installation you can activate the boilerplate plugin in your WordPress backend or via WP-CLI.\r\n\r\nWith **widilo-gutenberg-boilerplate** you can add Gutenberg blocks, custom fields and other functionalities to the Gutenberg editor or your WordPress site very quickly, effectively and easily.\r\n\r\n## Usage\r\n\r\nAll gutenberg blocks are organized in the plugins folder **wp-content/plugins/widilo-gutenberg-boilerplate/blocks**. Inside the **blocks** folder you can create individual folders and files for every block you want to add.\r\n\r\nAs an example we have created a block called **widilo Boilerplate Block** -\u003e widilo-gutenberg-boilerplate/blocks/boilerplate-block/boilerplate_block.js. \r\n\r\nFeel free to change the **widilo Boilerplate Block** to your needs. Therefore open **boilerplate_block.js** -\u003e widilo-gutenberg-boilerplate/blocks/boilerplate-block/boilerplate-block.js. \r\n\r\nYou can change the title of your block, the block icon, the category and the block content as you wish.\r\n\r\nAfter you have finished your changes, run `npm run dev` in the plugin folder to make the magic happen.\r\n\r\nboilerplate_block.js:\r\n```javascript\r\nconst { __ } = wp.i18n; \r\nconst { registerBlockType } = wp.blocks; \r\n\r\nregisterBlockType( 'widilo-gutenberg-boilerplate/block-boilerplate-block', {\r\n\r\n    title: __( 'widilo Boilerplate Block', 'widilo_gutenberg_boilerplate' ), \r\n    icon: 'marker', \r\n    category: 'common', \r\n    keywords: [\r\n        __( 'widilo Boilerplate Block', 'widilo_gutenberg_boilerplate' ),\r\n        __( 'boilerplate-block', 'widilo_gutenberg_boilerplate' ),\r\n    ],\r\n\r\n    edit: function( props ) {\r\n        return (\r\n            \u003cdiv className={ props.className }\u003e\r\n                \u003cp\u003e{ __(`This is an example Gutenberg Block. Feel free to change it to your needs. Therefore open your plugins folder -\u003e widilo-gutenberg-boilerplate -\u003e blocks -\u003e boilerplate-block -\u003e boilerplate-block.js. You can change the title of your block, the block icon, the category and the block content as you wish. After you have finished your changes, run 'npm run dev' in the plugin folder to make the magic happen.`, 'widilo_gutenberg_boilerplate') }\u003c/p\u003e\r\n            \u003c/div\u003e\r\n        );\r\n    },\r\n\r\n    save: function( props ) {\r\n        return (\r\n            \u003cdiv\u003e\r\n                \u003cp\u003e{ __(`This is an example Gutenberg Block. Feel free to change it to your needs. Therefore open your plugins folder -\u003e widilo-gutenberg-boilerplate -\u003e blocks -\u003e boilerplate-block -\u003e boilerplate-block.js. You can change the title of your block, the block icon, the category and the block content as you wish. After you have finished your changes, run 'npm run dev' in the plugin folder to make the magic happen.`, 'widilo_gutenberg_boilerplate') }\u003c/p\u003e\r\n            \u003c/div\u003e\r\n        );\r\n    },\r\n} );\r\n```\r\n\r\nIf you want to create your own block you can simply make a copy of the **boilerplate-block** folder. Please make sure to change the name of the folder and the name of the js file inside your new, renamed block folder after copying.\r\n\r\n## npm\r\n\r\nhttps://www.npmjs.com/package/@widilo/widilo-gutenberg-boilerplate\r\n\r\n## What's next?\r\n\r\nWe will add additional block examples in the next version : )\r\n   \r\n## Changelog:\r\n\r\n1.0.0\r\n\r\n- \r\n\r\n1.0.1\r\n\r\n- Update README.md\r\n\r\n1.0.2, 1.0.3, 1.0.4\r\n\r\n- Update README.md\r\n- Update \"devDependencies\" in package.json \r\n- Add / update license.txt\r\n\r\n1.0.5\r\n\r\n- Update README.md\r\n- Update package.json \r\n\r\n## License\r\n\r\nGPL v.3 or later\r\n\r\n**widilo® Gutenberg Boilerplate** (widilo-gutenberg-boilerplate) \u003cbr\u003e\r\nCopyright (C) 2022 widilo® Muennecke \u0026 Vollmers GbR\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwidilo%2Fwidilo-gutenberg-boilerplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwidilo%2Fwidilo-gutenberg-boilerplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwidilo%2Fwidilo-gutenberg-boilerplate/lists"}