2018年09月28日(金)

WordPressのGutenbergで画像を挿入できるカスタムブロックを作成する

• 0
• 2
• 0
• 10

ソースコード

src/block-image/block.js

import './style.scss'; import './editor.scss'; const { registerBlockType } = wp.blocks; const { MediaUpload } = wp.editor; const { Button } = wp.components; registerBlockType( 'myblock/block-image', { title: '画像ブロック', icon: 'index-card', category: 'common', attributes: { mediaID: { type: 'number' }, mediaURL: { type: 'string', source: 'attribute', selector: 'img', attribute: 'src' } }, edit ( props ) { const { className, attributes: { mediaID, mediaURL }...