1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
|
/**
* External dependencies
*/
import { __{{#hasKeywords}}, _x{{/hasKeywords}} } from '@wordpress/i18n';
import { ExternalLink, Path } from '@wordpress/components';
import { Fragment } from '@wordpress/element';
/**
* Internal dependencies
*/
import renderMaterialIcon from '../../shared/render-material-icon';
import edit from './edit';
/**
* Style dependencies
*/
import './editor.scss';
export const name = '{{ slug }}';
export const title = __( '{{ title }}', 'jetpack' );
export const settings = {
title,
description: (
<Fragment>
<p>{ __( '{{ description }}', 'jetpack' ) }</p>
<ExternalLink href="#">{ __( 'Learn more about {{ title }}', 'jetpack' ) }</ExternalLink>
</Fragment>
),
/* @TODO Add the icon. You can use one of these https://material.io/tools/icons/?style=outline */
icon: renderMaterialIcon(
<Path d="M9 15h2V9H9v6zm1-10c-.5 0-1 .5-1 1s.5 1 1 1 1-.5 1-1-.5-1-1-1zm0-4c-5 0-9 4-9 9s4 9 9 9 9-4 9-9-4-9-9-9zm0 16c-3.9 0-7-3.1-7-7s3.1-7 7-7 7 3.1 7 7-3.1 7-7 7z" />
),
category: 'jetpack',
keywords: [{{#keywords}}_x( '{{ keyword }}', 'block search term', 'jetpack' ), {{/keywords}}],
supports: {
// Support for block's alignment (left, center, right, wide, full). When true, it adds block controls to change block’s alignment.
align: false, /* if set to true, the 'align' option below can be used*/
// Pick which alignment options to display.
/*align: [ 'left', 'right', 'full' ],*/
// Support for wide alignment, that requires additional support in themes.
alignWide: true,
// When true, a new field in the block sidebar allows to define an id for the block and a button to copy the direct link.
anchor: false,
// When true, a new field in the block sidebar allows to define a custom className for the block’s wrapper.
customClassName: true,
// When false, Gutenberg won't add a class like .wp-block-your-block-name to the root element of your saved markup
className: true,
// Setting this to false suppress the ability to edit a block’s markup individually. We often set this to false in Jetpack blocks.
html: false,
// Passing false hides this block in Gutenberg's visual inserter.
/*inserter: true,*/
// When false, user will only be able to insert the block once per post.
multiple: true,
// When false, the block won't be available to be converted into a reusable block.
reusable: true,
},
edit,
/* @TODO Write the block editor output */
save: () => null,
};
|