Skip to content

Instantly share code, notes, and snippets.

@phpbits phpbits/add-attributes.js
Last active May 1, 2019

Embed
What would you like to do?
Add Custom Attributes to Core Gutenberg Blocks. View full tutorials at https://jeffreycarandang.com/extending-gutenberg-core-blocks-with-custom-attributes-and-controls/
/**
* WordPress Dependencies
*/
const { addFilter } = wp.hooks;
/**
* Add custom attribute for mobile visibility.
*
* @param {Object} settings Settings for the block.
*
* @return {Object} settings Modified settings.
*/
function addAttributes( settings ) {
//check if object exists for old Gutenberg version compatibility
if( typeof settings.attributes !== 'undefined' ){
settings.attributes = Object.assign( settings.attributes, {
visibleOnMobile:{
type: 'boolean',
default: true,
}
});
}
return settings;
}
addFilter(
'blocks.registerBlockType',
'editorskit/custom-attributes',
addAttributes
);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.