Skip to content

Instantly share code, notes, and snippets.

@vanaf1979
Last active September 22, 2019 14:04
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
Save vanaf1979/aeff80d610f89d1d0742f2da7e96f4c9 to your computer and use it in GitHub Desktop.
Gist for my tutorial: Building a Gutenberg sidebar plugin Part 4: Adding form components. https://vanaf1979.nl/building-a-gutenberg-sidebar-plugin-part-4-adding-form-components/
/**
* External dependencies.
*/
import React from 'react'
/**
* Local dependencies.
*/
import BrowserTitleField from './BrowserTitleField.js';
import MetaDescriptionField from './MetaDescriptionField.js';
import MetaRobotsField from './MetaRobotsField.js';
/**
* WordPress dependencies.
*/
const { __ } = wp.i18n;
const { Fragment } = wp.element;
const { PluginSidebarMoreMenuItem, PluginSidebar } = wp.editPost;
const { Panel } = wp.components;
/**
* Sidebar component voor the gutenberg editor.
*
* @since 1.0.0
*/
class Sidebar extends React.Component {
constructor() {
super()
}
render() {
return (
<Fragment>
<PluginSidebarMoreMenuItem target="metatags-sidebar" icon='editor-customchar'>
{__("MetaTags", "metatags")}
</PluginSidebarMoreMenuItem>
<PluginSidebar name="metatags-sidebar" title={__("MetaTags", "metatags")} >
<div className="metabox-sidebar-content">
<BrowserTitleField/>
<MetaDescriptionField/>
<MetaRobotsField/>
</div>
</PluginSidebar>
</Fragment>
)
}
}
export default Sidebar
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment