mirror of
https://gh.wpcy.net/https://github.com/wp-cli/scaffold-command.git
synced 2026-05-25 07:54:26 +08:00
84 lines
2.4 KiB
Text
84 lines
2.4 KiB
Text
( function( wp ) {
|
||
/**
|
||
* Registers a new block provided a unique name and an object defining its behavior.
|
||
* @see https://github.com/WordPress/gutenberg/tree/master/blocks#api
|
||
*/
|
||
var registerBlockType = wp.blocks.registerBlockType;
|
||
/**
|
||
* Returns a new element of given type. Element is an abstraction layer atop React.
|
||
* @see https://github.com/WordPress/gutenberg/tree/master/element#element
|
||
*/
|
||
var el = wp.element.createElement;
|
||
/**
|
||
* Retrieves the translation of text.
|
||
* @see https://github.com/WordPress/gutenberg/tree/master/i18n#api
|
||
*/
|
||
var __ = wp.i18n.__;
|
||
|
||
/**
|
||
* Every block starts by registering a new block type definition.
|
||
* @see https://wordpress.org/gutenberg/handbook/block-api/
|
||
*/
|
||
registerBlockType( '{{namespace}}/{{slug}}', {
|
||
/**
|
||
* This is the display title for your block, which can be translated with `i18n` functions.
|
||
* The block inserter will show this name.
|
||
*/
|
||
title: __( '{{title_ucfirst}}' ),
|
||
|
||
{{#dashicon}}
|
||
/**
|
||
* An icon property should be specified to make it easier to identify a block.
|
||
* These can be any of WordPress’ Dashicons, or a custom svg element.
|
||
*/
|
||
icon: '{{dashicon}}',
|
||
|
||
{{/dashicon}}
|
||
/**
|
||
* Blocks are grouped into categories to help users browse and discover them.
|
||
* The categories provided by core are `common`, `embed`, `formatting`, `layout` and `widgets`.
|
||
*/
|
||
category: '{{category}}',
|
||
|
||
/**
|
||
* Optional block extended support features.
|
||
*/
|
||
supports: {
|
||
// Removes support for an HTML mode.
|
||
html: false,
|
||
},
|
||
|
||
/**
|
||
* The edit function describes the structure of your block in the context of the editor.
|
||
* This represents what the editor will render when the block is used.
|
||
* @see https://wordpress.org/gutenberg/handbook/block-edit-save/#edit
|
||
*
|
||
* @param {Object} [props] Properties passed from the editor.
|
||
* @return {Element} Element to render.
|
||
*/
|
||
edit: function( props ) {
|
||
return el(
|
||
'p',
|
||
{ className: props.className },
|
||
__( 'Hello from the editor!' )
|
||
);
|
||
},
|
||
|
||
/**
|
||
* The save function defines the way in which the different attributes should be combined
|
||
* into the final markup, which is then serialized by Gutenberg into `post_content`.
|
||
* @see https://wordpress.org/gutenberg/handbook/block-edit-save/#save
|
||
*
|
||
* @return {Element} Element to render.
|
||
*/
|
||
save: function() {
|
||
return el(
|
||
'p',
|
||
{},
|
||
__( 'Hello from the saved content!' )
|
||
);
|
||
}
|
||
} );
|
||
} )(
|
||
window.wp
|
||
);
|
