{"id":166935,"date":"2019-06-30T13:57:09","date_gmt":"2019-06-30T17:57:09","guid":{"rendered":"https:\/\/wpdeveloper.net\/?p=166935"},"modified":"2019-07-01T07:13:43","modified_gmt":"2019-07-01T11:13:43","slug":"wordpress-gutenberg-plugins","status":"publish","type":"post","link":"https:\/\/wpdeveloper.com\/wordpress-gutenberg-plugins\/","title":{"rendered":"Top WordPress Gutenberg Plugins That You Need To Check"},"content":{"rendered":"<p>How are you liking <strong>Gutenberg<\/strong>? We are guessing most of you have positive feedback on it. And maybe you have already started liking it more than the <strong>Classic WordPress Editor<\/strong>. If that is the case, it&#8217;s time to upgrade your plugins arsenal with Top WordPress Gutenberg Plugins.<\/p>\n<p><!--more--><\/p>\n<h3><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-282297\" src=\"https:\/\/wpdeveloper.net\/wp-content\/uploads\/2019\/01\/Remarkable-Plugins-for-Gutenberg.png\" alt=\"Gutenberg Plugins\" width=\"1280\" height=\"720\" title=\"\" srcset=\"https:\/\/assets.wpdeveloper.com\/2019\/01\/Remarkable-Plugins-for-Gutenberg.png 1280w, https:\/\/assets.wpdeveloper.com\/2019\/01\/Remarkable-Plugins-for-Gutenberg-600x338.png 600w, https:\/\/assets.wpdeveloper.com\/2019\/01\/Remarkable-Plugins-for-Gutenberg-768x432.png 768w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/h3>\n<h3>Top WordPress Gutenberg Plugins<\/h3>\n<p>Many plugins would work perfectly with the new Gutenberg Editor. In fact, some would be so smooth that you wouldn&#8217;t even notice that you are no longer using the old Editor. But there are other plugins that do not necessarily work the same way it used to do inside WordPress Classic Editor. For example <a href=\"https:\/\/wpdeveloper.net\/go\/elementor\" target=\"_blank\" rel=\"noopener\"><strong>Elementor<\/strong><\/a>. Previously Elementor could not be used in combination with the Classic Editor. You would either use the WordPress Classic Editor or Elementor Editor. But now, Gutenberg Editor has the flexibility to accommodating <strong><a href=\"https:\/\/wpdeveloper.net\/animated-headline-elementor\/\" target=\"_blank\" rel=\"noopener\">Elementor<\/a> <\/strong>Templates within its builder interface. How amazing is that!<\/p>\n<p>Although this is a very slight change in the way you work with WordPress, it will take time to get used to it. And that is because WordPress Editor was a core element, and you might have been using it for a long time. But with the fundamental shift to a new Editor, different aspects of content creation in <strong><a href=\"https:\/\/wpdeveloper.net\/auto-schedule-posts-wordpress\/\" target=\"_blank\" rel=\"noopener\">WordPress<\/a> <\/strong>is about to change requiring you to change old habits and upgrading your plugins tool-set. That&#8217;s why it&#8217;s time to learn about Gutenberg Plugins that are a must if you want to keep using Gutenberg Editor.<\/p>\n<h3 class=\"plugin-title\">Elementor Blocks for Gutenberg<\/h3>\n<p><span style=\"font-weight: 400;\"><div class=\"wp-pic-wrapper aligncenter large\" style=\"margin:0 0 20px 0;\"><div class=\"wp-pic large plugin wp-pic-ajax scheme1\"  id=\"download-sexion\"data-type=\"plugin\" data-slug=\"block-builder\" data-image=\"\" data-expiration=\"\"  data-layout=\"large\" data-slugs=\"[]\" ><div class=\"wp-pic-body-loading\"><div class=\"signal\"><\/div><\/div><\/div><\/div><!-- .wp-pic-wrapper--><link rel='stylesheet' id='dashicons-css' href='https:\/\/wpdeveloper.com\/wp-includes\/css\/dashicons.min.css?ver=6.9' type='text\/css' media='all' \/>\n<link rel='stylesheet' id='wppic-style-css' href='https:\/\/wpdeveloper.com\/wp-content\/plugins\/wp-plugin-info-card\/dist\/wppic-styles.css?ver=6.3.0' type='text\/css' media='all' \/>\n<script type=\"text\/javascript\" src=\"https:\/\/wpdeveloper.com\/wp-includes\/js\/jquery\/jquery.min.js?ver=3.7.1\" id=\"jquery-core-js\"><\/script>\n<script type=\"text\/javascript\" src=\"https:\/\/wpdeveloper.com\/wp-includes\/js\/jquery\/jquery-migrate.min.js?ver=3.4.1\" id=\"jquery-migrate-js\"><\/script>\n<script type=\"text\/javascript\" id=\"wppic-script-js-extra\">\n\/* <![CDATA[ *\/\nvar wppicAjax = {\"ajaxurl\":\"https:\/\/wpdeveloper.com\/wp-admin\/admin-ajax.php\"};\n\/\/# sourceURL=wppic-script-js-extra\n\/* ]]> *\/\n<\/script>\n<script type=\"text\/javascript\" src=\"https:\/\/wpdeveloper.com\/wp-content\/plugins\/wp-plugin-info-card\/assets\/js\/wppic-script.min.js?ver=6.3.0\" id=\"wppic-script-js\"><\/script>\n<\/span><\/p>\n<p><strong><a href=\"https:\/\/wordpress.org\/plugins\/block-builder\/\" rel=\"nofollow noopener\" target=\"_blank\">Elementor Blocks for Gutenberg<\/a><\/strong>, officially created by\u00a0<strong><a href=\"https:\/\/elementor.com\/?utm_source=block-builder&amp;utm_medium=link&amp;utm_campaign=readme\" rel=\"nofollow noopener\" target=\"_blank\">Elementor Page Builder<\/a><\/strong>, allows you to easily insert any Elementor template into Gutenberg with just one click. This plugin is the smartest way to combine Elementor &amp; Gutenberg to incorporate more advanced layouts into Gutenberg. If you wish to use this plugin remember, Elementor Blocks requires Gutenberg &amp; Elementor to both be active on your site.<\/p>\n<p>We know Elementor as a leading Drag and Drop Page Builder. However, the introduction of Gutenberg for WordPress has somewhat shadowed the need for a Drag and Drop Builder. But that did not demotivate Elementor from offering something useful for those who would rather use Gutenberg.<\/p>\n<p>Using the Elementor Blocks for Gutenberg, you can insert Elementor blocks and templates in any area inside Gutenberg as well as preview the template right inside the Gutenberg Editor. Also, you get easy access to edit any Elementor template right from Gutenberg editor. Currently this plugin comes with over 300+ pre-designed blocks &amp; 100+ pre-designed pages. You can customize your Elementor blocks with unlimited design options.<\/p>\n<h3 class=\"plugin-title\">Essential Blocks for Gutenberg<\/h3>\n<p><span style=\"font-weight: 400;\"><div class=\"wp-pic-wrapper aligncenter large\" style=\"margin:0 0 20px 0;\"><div class=\"wp-pic large plugin wp-pic-ajax scheme1\"  id=\"download-sexion\"data-type=\"plugin\" data-slug=\"essential-blocks\" data-image=\"\" data-expiration=\"\"  data-layout=\"large\" data-slugs=\"[]\" ><div class=\"wp-pic-body-loading\"><div class=\"signal\"><\/div><\/div><\/div><\/div><!-- .wp-pic-wrapper--><\/span><\/p>\n<p><strong><a href=\"https:\/\/wordpress.org\/plugins\/essential-blocks\/\" rel=\"nofollow noopener\" target=\"_blank\">Essential Blocks for Gutenberg<\/a><\/strong> is the Ultimate Blocks Library for WordPress Gutenberg editor from the developers of\u00a0<strong><a href=\"https:\/\/wordpress.org\/plugins\/essential-addons-for-elementor-lite\/\" target=\"_blank\" rel=\"noopener\">Essential Addons for Elementor<\/a>.<\/strong>\u00a0It adds power to your page and post builder using their easy-to-use blocks which were designed to make your next WordPress page and posts design easier and prettier than ever before.<\/p>\n<p>Note that it\u2019s still very new as like the Gutenberg Editor. Currently, it includes elements ranging from Creative elements to Marketing ones. You will get Info Box, Flip Box, Testimonials, Team Members, Social Icons, Accordion and Countdown element with this plugin.<\/p>\n<h3 class=\"plugin-title\">WooCommerce Blocks<\/h3>\n<p><span style=\"font-weight: 400;\"><div class=\"wp-pic-wrapper aligncenter large\" style=\"margin:0 0 20px 0;\"><div class=\"wp-pic large plugin wp-pic-ajax scheme1\"  id=\"download-sexion\"data-type=\"plugin\" data-slug=\"woo-gutenberg-products-block\" data-image=\"\" data-expiration=\"\"  data-layout=\"large\" data-slugs=\"[]\" ><div class=\"wp-pic-body-loading\"><div class=\"signal\"><\/div><\/div><\/div><\/div><!-- .wp-pic-wrapper--><\/span><\/p>\n<p><strong><a href=\"https:\/\/wordpress.org\/plugins\/woo-gutenberg-products-block\/\" rel=\"nofollow noopener\" target=\"_blank\">WooCommerce Blocks<\/a><\/strong> are the easiest, most flexible way to display your products on posts and pages! With version 1.3.0 they have added six new blocks! With <strong>Featured Product Block<\/strong> you can select and display a single product in a new, high impact fashion. Control text alignment, hide or show the price and description, add a color overlay, change the button call to action, and override the product photo.<\/p>\n<p>Using the <strong>Hand-Picked products Block<\/strong> you can display a grid of hand-picked products. Moreover, with Best Selling Products Block you can display a grid of your best selling products, filterable by category. Use the <strong>Top Rated Products Block<\/strong> to display a grid of your top rated products, filterable by category, and the<strong>\u00a0Newest Products Block<\/strong> to display a grid of your newest products, filterable by category.<\/p>\n<h3 class=\"plugin-title\">Google Maps Gutenberg Block<\/h3>\n<p><span style=\"font-weight: 400;\"><div class=\"wp-pic-wrapper aligncenter large\" style=\"margin:0 0 20px 0;\"><div class=\"wp-pic large plugin wp-pic-ajax scheme1\"  id=\"download-sexion\"data-type=\"plugin\" data-slug=\"map-block-gutenberg\" data-image=\"\" data-expiration=\"\"  data-layout=\"large\" data-slugs=\"[]\" ><div class=\"wp-pic-body-loading\"><div class=\"signal\"><\/div><\/div><\/div><\/div><!-- .wp-pic-wrapper--><\/span><\/p>\n<p><b>Google Maps<\/b> is one of the most widely used services on the internet and provides an awful lot of reasons why\u00a0<b>you should<\/b> use it. From displaying your office location to determining the shortest route between two points, Google Maps have you covered.<\/p>\n<p>You might have already started using Gutenberg and grown certain expertise. But how do you add Google Maps to your content? If you are using Gutenberg and need a map then <strong><a href=\"https:\/\/wordpress.org\/plugins\/map-block-gutenberg\/\" rel=\"nofollow noopener\" target=\"_blank\">Google Maps Gutenberg Block<\/a><\/strong> is the solution for you.\u00a0 This is the map block for you! Install, activate, add to the content. Done! No nonsense, no unneeded settings. Simple and clear in its function \u2013 as any Gutenberg block should be.<\/p>\n<h3 class=\"plugin-title\">Classic Editor<\/h3>\n<p><span style=\"font-weight: 400;\"><div class=\"wp-pic-wrapper aligncenter large\" style=\"margin:0 0 20px 0;\"><div class=\"wp-pic large plugin wp-pic-ajax scheme1\"  id=\"download-sexion\"data-type=\"plugin\" data-slug=\"classic-editor\" data-image=\"\" data-expiration=\"\"  data-layout=\"large\" data-slugs=\"[]\" ><div class=\"wp-pic-body-loading\"><div class=\"signal\"><\/div><\/div><\/div><\/div><!-- .wp-pic-wrapper--><\/span><\/p>\n<p>It has been almost two months since Gutenberg was incorporated into WordPress. By now you might have started to get a hang of it. Which is good, it means you are not afraid of change. But should you take pride in it?<\/p>\n<p>Gutenberg can be a very helpful tool, but there is a chance that it might kill your writing speed. Think for a second! Even if you give your full dedication and energy into writing a blog, it still might take long hours to complete it. Why? It isn&#8217;t your fault. It&#8217;s the platform that is killing your productivity.<\/p>\n<p>With the previous WordPress Editor, you could keep on writing without having to make adjustments to the layout or having to insert Blocks specific to the Elements. But you have to do it now. Although it gives you a chance to help with the design process it makes Blog Writing a longer process.<\/p>\n<p>A wise decision would be to switch back and forth between the two Editors depending on how quickly you need to finish it or how much importance you are giving to its design.<\/p>\n<p><strong><a href=\"https:\/\/wordpress.org\/plugins\/classic-editor\/\" rel=\"nofollow noopener\" target=\"_blank\">Classic Editor<\/a><\/strong> is an official plugin maintained by the WordPress team that restores the previous (\u201cclassic\u201d) WordPress editor and the \u201cEdit Post\u201d screen. It makes it possible to use plugins that extend that screen, add old-style meta boxes, or otherwise depend on the previous editor.<\/p>\n<p>With Classic Editor you can select the default editor for all users as well as allow users to change their default editor. Moreover, the users can choose which editor to use for each post.<\/p>\n<h3>Wrapping Up!<\/h3>\n<p>So you now know about top gutenberg plugins that will equip you with the perfect tools for getting the best out of Gutenberg Editor. First, we saw two plugins that give you <strong>additional Blocks for Content Creation<\/strong>. Then we saw a plugin that is a must if you want to use Gutenberg Editor and have an<a href=\"https:\/\/wpdeveloper.net\/filterable-woocommerce-product-gallery\/\" target=\"_blank\" rel=\"noopener\"> <strong>E-Commerce site.<\/strong><\/a> Next, we saw a plugin that lets you use <a href=\"https:\/\/wpdeveloper.net\/google-maps-elementor\/\" target=\"_blank\" rel=\"noopener\"><strong>Google Maps<\/strong><\/a> as a Block inside Gutenberg Editor. And lastly, we saw another plugin that lets you switch back and forth between the Classic and Gutenberg WordPress Editor.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress Editor was a core element, and you might have been using it for a long time. But with the fundamental shift to a new Editor, different aspects of content creation in WordPress is about to change requiring you to change old habits and upgrading your plugins tool-set. <\/p>\n","protected":false},"author":2045,"featured_media":282297,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","inline_featured_image":false,"_eb_data_table":"","footnotes":""},"categories":[110,434],"tags":[389,390,392,329,656,391,89],"class_list":["post-166935","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-plugins","category-wordpress","tag-elementor-blocks-for-gutenberg","tag-essential-blocks-for-gutenberg","tag-google-maps-gutenberg-block","tag-gutenberg","tag-gutenberg-plugins","tag-woocommerce-blocks","tag-wordpress"],"nelio_content":{"autoShareEndMode":"never","automationSources":{"useCustomSentences":false,"customSentences":[]},"efiAlt":"","efiUrl":"","followers":[2045],"highlights":[],"isAutoShareEnabled":true,"networkImageIds":[],"permalinkQueryArgs":[],"series":[],"suggestedReferences":[]},"views":1054,"_links":{"self":[{"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/posts\/166935","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/users\/2045"}],"replies":[{"embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/comments?post=166935"}],"version-history":[{"count":14,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/posts\/166935\/revisions"}],"predecessor-version":[{"id":378269,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/posts\/166935\/revisions\/378269"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/media\/282297"}],"wp:attachment":[{"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/media?parent=166935"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/categories?post=166935"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/tags?post=166935"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}