Created
November 6, 2018 14:53
-
-
Save mharis/5b1423f96184ffe2bc5704bdf1e844a9 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* Hello World: Step 1 | |
* | |
* Simple block, renders and saves the same content without interactivity. | |
* | |
* Using inline styles - no external stylesheet needed. Not recommended | |
* because all of these styles will appear in `post_content`. | |
*/ | |
( function( blocks, i18n, element ) { | |
var el = element.createElement; | |
var __ = i18n.__; | |
var blockStyle = { | |
backgroundColor: '#900', | |
color: '#fff', | |
padding: '20px', | |
}; | |
i18n.setLocaleData( window.gutenberg_examples_01.localeData, 'gutenberg-examples' ); | |
blocks.registerBlockType( 'gutenberg-examples/example-01-basic', { | |
title: __( 'Example: Basic', 'gutenberg-examples' ), | |
icon: 'universal-access-alt', | |
category: 'layout', | |
edit: function() { | |
return el( | |
'p', | |
{ style: blockStyle }, | |
'Hello World, step 1 (from the editor).' | |
); | |
}, | |
save: function() { | |
return el( | |
'p', | |
{ style: blockStyle }, | |
'Hello World, step 1 (from the frontend).' | |
); | |
}, | |
} ); | |
}( | |
window.wp.blocks, | |
window.wp.i18n, | |
window.wp.element | |
) ); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment