 I'm Abhishek Rizal, currently I'm a freelance WordPress web developer. I have worked in different teams, plugins and custom products for WordPress for about three years now. And I'm also a WordPress educator. I am a tutor at the institute in Kathmandu of WordPress team development. And this is my URL. So starting my presentation, I'm going to go through the very basics from the very basics. What is Gutenberg? So actually the project Gutenberg is the project that was set back I think one, two years ago, one year ago. That was going to change the default WordPress editor, the tiny MC editor that we know and use currently in the WordPress. So the WordPress is getting an update, a major update and in the WordPress 5.0 version, the Gutenberg editor is supposed to be embedded in the core and the interface, the layout of what we see, what you see is what you get. The basic editor will be updated into a new Gutenberg editor. So this is a quick screenshot from the new Gutenberg editor. And you might also have already noticed that if you are updating your WordPress regularly from the 4.8, the latest version, it is also showing the pop-up to try the new Gutenberg editor as it has been embedded into the core. Why Gutenberg? So why do we need to update the editor into the new editor? So there are a few points that makes the Gutenberg very nice and futuristic for people, for developers, for users to use. And I have listed a few of them. There's a blocks API. The new blocks API is included into the Gutenberg. So it is like the page builder components, a page builder that uses different type of blocks to make the layout. The backend, the administration screen of the current WordPress editor, the tiny MC editor, is going to be replaced by the blocks and the interface will be using the blocks to create different editor. And we have in context toolbar. The current tiny MC editor has the controls like bold, italics, list, and different type of alignment options at the top of the editor. So if you are writing content into your website and creating content for your website, you will have to, if you are in the middle of the section where you need to make some changes or select a certain person and make it bold, italics, then you will have to scroll all the way back to the top and do the changes. But with the new Gutenberg editor, we have the in context editor toolbar that automatically shows pops up when you are selecting a content. So it makes easier for content writers and users to update content into the site. Also, there are different type of content and layout template available in the new Gutenberg editor. I actually had the Gutenberg editor's small gif, I don't know what happened with the site, but yeah, if you have already installed and tried the new Gutenberg editor, then you will get to know and I recommend you try it. And we also have the different type of content layout and template that can be used to build different page sections and layouts in the new editor. Gutenberg is extendable. I would like to say that it is more extendable and easy to make changes to than in the TinyMC editor. And also, as it is written in React.js, so it is also more flexible to use and make different layout. And having React as the language of Gutenberg, it is also really fast and responsive to use. So it's a quick gif for the new interface of the Gutenberg editor. It's just an embed block. And as we can see here that in the new editor interface, you have the plus icon that lets you insert and source for the blocks and easily embed contents into the editor space. So this is the new editor screen, screen sort. Gutenberg for developers. So I would like to talk into this topic a little bit preface. From the very start of the Gutenberg project development, there are a lot of comments about the future of Gutenberg, about the future of WordPress with Gutenberg because a lot of developers were saying that it would end the WordPress or something like that because there are a certain reason for that, which I'll get back to you. But what I would like to say that with the change the WordPress is having in Gutenberg, it's actually upgrading to a better form. So there is also a lot of opportunities for developers, designers and content writers and also the WordPress starters to get most out of the WordPress. So for developers, it is given a new way of creating themes and plugins, integrating the new layout. And for the theme, especially, there was also a lot of questions that after the release of Gutenberg in the WordPress core, how will it effect my theme or what are the features and benefits that I'll get as a theme developer after the availability of Gutenberg. So for developers, especially for theme developers, the steps that you can integrate your theme into, use the Gutenberg into your theme is by some steps that I've listed. You can integrate the Gutenberg into your theme by adding the custom styles for Gutenberg, which is a new thing that uses the add theme support function. And you can also create a new theme with blocks layout and blocks design that can be used in your theme templates with Gutenberg and customized blocks for custom sections in the theme. So this is a quick code snippet that uses the Gutenberg's new add theme support hook. So it is the editor color palette. The Gutenberg editor has new color palette that lets you add your custom colors into the editor for users to have it. And for that, you'll need to do that add theme support and editor color palette and it takes the array of different colors that... Also, there's a wide alignment image support, wide alignment support in Gutenberg. So the blocks also will have the possibility to define a wide or full alignment in the wrapper. So for that, you'll need to do the add theme support, align wide. And also, the Gutenberg plugin or when it is integrated in the theme, Gutenberg comes with some default blocks that can be used by the posts and pages. And by default, the CSS styling for the blocks is not loaded in the front end. So to load it, you'll have to do the add theme support, double view block styles. So these are the same steps that makes your theme Gutenberg compatible or that you are using the adding theme support for the Gutenberg editor. Gutenberg for plugins. Actually, there are a lot of plugins in the WordPress repository right now that uses the Gutenberg blocks API and that has different types of blocks, pre-built blocks that can be used to make content, layout and everything. If you like search in the WordPress repository, the plugin repository for Gutenberg, then you will get like many Gutenberg blocks for maps and layouts and custom cards and everything. So if you are in the next section, if you are trying to integrate the Gutenberg blocks in your plugin, I have a quick introduction for the blocks, how to register the blocks in the plugin. Actually, a quite old screenshot that I had taken from the .plus website that showed how to register a new block through your plugin or theme. But I'll actually add a letter on the React.js method that Gutenberg uses in the... I'd like to talk something about the rating of the user reviews of the Gutenberg project. If you look at the plugin repository of the Gutenberg and the GitHub of Gutenberg project, you'll find many negative comments and negative reviews from the developers regarding the project Gutenberg. The reason that I find the main concern for the developer for the low rating of the Gutenberg plugins that I find is as developers are concerned about the backward compatibility of the Gutenberg and custom meta boxes and custom fields and premium themes and phase builders. Actually, Gutenberg changes the code editor into a new layout, new interface. So developers are concerned about the backward compatibility that if developers have already developed a theme and plugin and the user or site manager update into Gutenberg WordPress 5.0, then will it be compatible with the theme and plugin that has been already installed into the site is the main concern? Also, there are a lot of issues with custom meta boxes and custom fields. If you are using ACF or any custom field plugins, you might have noticed with the current version or in the development version of the Gutenberg plugin there are a lot of issues regarding the custom fields and that's what made developers keep the bad rating in the Gutenberg plugin. And also the premium themes and phase builders. A lot of WordPress sites are built on phase builders and premium themes. And developers are concerned that their content will break and the site will be halted if the Gutenberg plugin is installed. But as of now, I think we have WordPress 5.0 Beta 4 released for testing. And while I tested it with different type of custom field and meta boxes, the meta boxes and custom fields are currently in the working stage and they are also preparing for the... they are also preparing for the updates that would support all of the... that would resolve all the issues. So, before further learning, I'd like to add a quick note. If you are a site manager, site admin or currently operating a WordPress site, I would like to recommend some of the steps that you might to check before updating into the WordPress 5.0 with the Gutenberg editor that if your theme and plugins are all compatible or not before upgrading into the WordPress 5.0 and if you are using the custom fieldsuit and ACF-like plugins, you'll have to check that everything is updated before the WordPress core. Regarding the premium themes and plugins, the premium theme companies and the plugin companies are also looking into the Gutenberg development process very closely and they are also committed to release an update that is compatible with the Gutenberg plugin. And they are also... I read the blog from the Avada theme, one of the most popular theme on the theme forest and the ACF that they are also upgrading and releasing update about the... update for the support of Gutenberg in their products. So I think you might need to check that before updating to WordPress 5.0. Further learning about Gutenberg? Actually, there was supposed to be a quick introduction of the Gutenberg and if for them who have at least tried or tested the plugin in the WordPress, if you want to learn more about the Gutenberg plugin and especially for developers, if you want to learn more about the blocks, the REST API that the Gutenberg uses, then you can check the handbook. The Gutenberg handbook is the new handbook developer guideline in the WordPress.org section and project Gutenberg on GitHub that also lets users to see different type of changes, the issues and everything that uses... that you can learn from the repo. And also the WBTraven, I think most of the developers already follow the WBTraven for WordPress related news and everything. It is a very good site and it lets you... keeps you updated with all of the changes that's happening in the WordPress community and also related to Gutenberg. I had put some source code example for the plugin to get the blocks. I'll also share a quick link with... these are the references that I have taken and questions maybe. Hello. Currently, we are not allowing custom blocks in theme of Gutenberg custom blocks because I'm leading WordPress theme review team and as our discussion, we are not allowing custom blocks in theme, Gutenberg custom blocks. What do we think about that? For reference, what do you open in about? We need to allow custom blocks in themes or not? Can I have your... Thank you for that question. Actually, yeah, that's a good point. Content creation has always been a major review theme, review guideline thing. So maybe for now, I think we can switch to plugins rather than building the blocks into the theme. You can make an additional support plugin. The theme might use the plugin as a... We already have that companion plugins and anything for the blocks. After your theme is installed in the site, you might recommend the companion plugin and that might resolve the issue regarding. Now, if you are willing to integrate Gutenberg blocks into your theme, I recommend creating a plugin to pass the theme review maybe. Anything more? Thank you. If you would like to talk about Gutenberg or everything or presentation, I'm available outside or somewhere for a networking session. Thank you for your time.