{"id":65,"date":"2019-09-09T11:04:22","date_gmt":"2019-09-09T11:04:22","guid":{"rendered":"https:\/\/www.gutentor.com\/blog\/?p=65"},"modified":"2020-01-31T06:34:37","modified_gmt":"2020-01-31T06:34:37","slug":"gutentor-launch","status":"publish","type":"post","link":"https:\/\/www.gutentor.com\/weblog\/gutentor-launch\/","title":{"rendered":"Introducing Gutentor: The Page Building Blocks That Will Change Your Concept to Gutenberg"},"content":{"rendered":"\r\n<p>If you have been working with the Gutenberg Editor then you must be very eager to know about other block builders introduced in the market that use the same concept of Gutenberg along with new enriched abilities.<\/p>\r\n\r\n\r\n\r\n<p>We introduce you to Gutentor. Gutentor will take you to a whole new level in using the Gutenberg editor. It is a powerful block builder that provides an extended platform of Gutenberg editor. It consists of new and trending features that will make designing your web page more exciting.<\/p>\r\n\r\n\r\n\r\n<p>Gutentor has almost everything which every designer looks for to build an awesome website. From modifying the appearance of each element in a page to updating new colors and font style of the text you will find a lot of interesting and thriving features in awesome block builders.<\/p>\r\n\r\n\r\n<hr class=\"wp-block-separator is-style-wide\" \/>\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Made with Blocks<\/h2>\r\n\r\n\r\n\r\n<p>Gutentor is wholly made up of blocks. It contains overall 26 unique blocks<\/p>\r\n\r\n\r\n\r\n<section id=\"section-ab1cb6b5-f1b9-4fdb-b0f9-8debb3ce8b18\" class=\"wp-block-gutentor-list gutentor-section gutentor-list-wrapper list-template1 no-gap text-left\">\r\n<div class=\"grid-container\">\r\n<ul>\r\n<li class=\"gutentor-single-item-title\">About Block<\/li>\r\n<li class=\"gutentor-single-item-title\">Accordion<\/li>\r\n<li class=\"gutentor-single-item-title\">Advanced Columns<\/li>\r\n<li class=\"gutentor-single-item-title\">Author Profile<\/li>\r\n<li class=\"gutentor-single-item-title\">Blog Post<\/li>\r\n<li class=\"gutentor-single-item-title\">Callback To Action<\/li>\r\n<li class=\"gutentor-single-item-title\">Count Down<\/li>\r\n<li class=\"gutentor-single-item-title\">Gallery<\/li>\r\n<li class=\"gutentor-single-item-title\">Opening Hours<\/li>\r\n<li class=\"gutentor-single-item-title\">Google Map<\/li>\r\n<li class=\"gutentor-single-item-title\">Divider<\/li>\r\n<li class=\"gutentor-single-item-title\">Pricing Box<\/li>\r\n<li class=\"gutentor-single-item-title\">and many others.<\/li>\r\n<li class=\"gutentor-button-group\">\u00a0<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/section>\r\n\r\n\r\n<hr class=\"wp-block-separator is-style-wide\" \/>\r\n\r\n\r\n<h2 class=\"wp-block-heading\">What Makes Gutentor Different From Others?\u00a0<\/h2>\r\n<h3>1. Gutentor Elements<\/h3>\r\n<p><img decoding=\"async\" class=\"size-medium wp-image-481 aligncenter\" src=\"http:\/\/www.gutentor.com\/weblog\/wp-content\/uploads\/sites\/2\/2019\/09\/Gutentor-Element-300x267.png\" alt=\"Gutentor Element\" width=\"300\" height=\"267\" srcset=\"https:\/\/www.gutentor.com\/weblog\/wp-content\/uploads\/sites\/2\/2019\/09\/Gutentor-Element-300x267.png 300w, https:\/\/www.gutentor.com\/weblog\/wp-content\/uploads\/sites\/2\/2019\/09\/Gutentor-Element.png 754w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\r\n<p>Gutentor Element contains basic but essential website elements like\u00a0<\/p>\r\n<ul>\r\n<li>Advanced Text<\/li>\r\n<li>Button<\/li>\r\n<li>Counter<\/li>\r\n<li>Divider<\/li>\r\n<li>Google Map<\/li>\r\n<li>Icon<\/li>\r\n<li>Image<\/li>\r\n<li>Advanced List<\/li>\r\n<li>Pricing<\/li>\r\n<li>Progress Bar<\/li>\r\n<li>Rating<\/li>\r\n<li>Simple Text<\/li>\r\n<li>Video Popup<\/li>\r\n<\/ul>\r\n<p>You can insert those elements inside the Coolum at any time to full fil the functionality of your website.\u00a0<\/p>\r\n<h3>2. Gutentor Module<\/h3>\r\n<p><img decoding=\"async\" class=\"size-medium wp-image-482 aligncenter\" src=\"http:\/\/www.gutentor.com\/weblog\/wp-content\/uploads\/sites\/2\/2019\/09\/Gutentor-Module-300x295.png\" alt=\"Gutentor Module\" width=\"300\" height=\"295\" srcset=\"https:\/\/www.gutentor.com\/weblog\/wp-content\/uploads\/sites\/2\/2019\/09\/Gutentor-Module-300x295.png 300w, https:\/\/www.gutentor.com\/weblog\/wp-content\/uploads\/sites\/2\/2019\/09\/Gutentor-Module.png 740w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\r\n<p>Gutentor module contains the essential modules such as\u00a0<\/p>\r\n<ul>\r\n<li>Advanced Columns<\/li>\r\n<li>Button Group<\/li>\r\n<li>Carousel<\/li>\r\n<li>Container\/Cover Block<\/li>\r\n<li>Dynamic Columns<\/li>\r\n<li>Slider<\/li>\r\n<\/ul>\r\n<p>With these modules, you can create a dynamic structure within your website. This flexible option is added in the last big update of the Gutentor V 2.0 with the intention of allowing Gutentor users to dynamically structure the layout of the website.\u00a0<\/p>\r\n<h3>3. Gutentor Widget\u00a0<\/h3>\r\n<p><img decoding=\"async\" class=\"size-medium wp-image-483 aligncenter\" src=\"http:\/\/www.gutentor.com\/weblog\/wp-content\/uploads\/sites\/2\/2019\/09\/Gutentor-Widget-300x300.png\" alt=\"Gutentor Widget\" width=\"300\" height=\"300\" srcset=\"https:\/\/www.gutentor.com\/weblog\/wp-content\/uploads\/sites\/2\/2019\/09\/Gutentor-Widget-300x300.png 300w, https:\/\/www.gutentor.com\/weblog\/wp-content\/uploads\/sites\/2\/2019\/09\/Gutentor-Widget-150x150.png 150w, https:\/\/www.gutentor.com\/weblog\/wp-content\/uploads\/sites\/2\/2019\/09\/Gutentor-Widget.png 740w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\r\n<p>Gutentor Widget contains essential widgets such as About, Accordion, Advance Column (Old Version), Advances List, Icon Box, Tabs and <a href=\"https:\/\/wordpress.org\/plugins\/gutentor\/\" target=\"_blank\" rel=\"noopener noreferrer\">any more.<\/a>\u00a0<\/p>\r\n<p>These are the ready-made blocks you can directly import to your page or post. The Difference between Gutentor widget and Gutentor elements is that you can not change the structure layout of the individual blocks of the Gutentor widget, instead, you can change only the content of the block. So, whenever you want to change the whole layout structure of the blocks of a website, you have to use <strong>Gutentor Elements<\/strong> within the <strong>Gutentor Module<\/strong>.\u00a0<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">4 . Import Pre-built Templates and Blocks<\/h3>\r\n\r\n\r\n\r\n<p>Get relief from time consuming and stressful process of designing templates for every new page. Gutentor provides you an excellent facility of importing demo blocks and templates easily in your webpages. You will them in the Template Library.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"820\" height=\"410\" class=\"wp-image-136 aligncenter\" src=\"http:\/\/www.gutentor.com\/weblog\/wp-content\/uploads\/sites\/2\/2019\/09\/templatelibrary-1.jpg\" alt=\"\" srcset=\"https:\/\/www.gutentor.com\/weblog\/wp-content\/uploads\/sites\/2\/2019\/09\/templatelibrary-1.jpg 820w, https:\/\/www.gutentor.com\/weblog\/wp-content\/uploads\/sites\/2\/2019\/09\/templatelibrary-1-300x150.jpg 300w, https:\/\/www.gutentor.com\/weblog\/wp-content\/uploads\/sites\/2\/2019\/09\/templatelibrary-1-768x384.jpg 768w\" sizes=\"(max-width: 820px) 100vw, 820px\" \/><\/figure>\r\n\r\n\r\n\r\n<p>There are 3 forms of importing demos. They are described below:<\/p>\r\n\r\n\r\n\r\n<section id=\"section-e635d86e-c9b9-4e56-a64f-5923197a0f33\" class=\"wp-block-gutentor-image-box gutentor-section gutentor-image-wrapper imagebox-template1 text-left\">\r\n<div class=\"grid-container\">\r\n<div class=\"grid-row gutentor-grid-item-wrap\">\r\n<div class=\"gutentor-grid-column grid-lg-4 grid-md-4 grid-12\">\r\n<div class=\"gutentor-single-item gutentor-image gutentor-single-item-0\">\r\n<div class=\"gutentor-single-item-wrap\">\r\n<div class=\"gutentor-single-item-image-box\">\r\n<div class=\"gutentor-image-thumb\"><img decoding=\"async\" class=\"normal-image aligncenter\" src=\"http:\/\/www.gutentor.com\/weblog\/wp-content\/uploads\/sites\/2\/2019\/09\/block.jpg\" alt=\"\" \/><\/div>\r\n<\/div>\r\n<div class=\"gutentor-single-item-content\">\r\n<h4 class=\"gutentor-single-item-title\">Blocks<\/h4>\r\n<p class=\"gutentor-single-item-desc\">You can import pre-designed blocks for your webpage.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"gutentor-grid-column grid-lg-4 grid-md-4 grid-12\">\r\n<div class=\"gutentor-single-item gutentor-image gutentor-single-item-1\">\r\n<div class=\"gutentor-single-item-wrap\">\r\n<div class=\"gutentor-single-item-image-box\">\r\n<div class=\"gutentor-image-thumb\"><img decoding=\"async\" class=\"normal-image aligncenter\" src=\"http:\/\/www.gutentor.com\/weblog\/wp-content\/uploads\/sites\/2\/2019\/09\/templates.jpg\" alt=\"\" \/><\/div>\r\n<\/div>\r\n<div class=\"gutentor-single-item-content\">\r\n<h4 class=\"gutentor-single-item-title\">Templates<\/h4>\r\n<p class=\"gutentor-single-item-desc\">You can import pre-built or readymade templates for your webpage.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"gutentor-grid-column grid-lg-4 grid-md-4 grid-12\">\r\n<div class=\"gutentor-single-item gutentor-image gutentor-single-item-2\">\r\n<div class=\"gutentor-single-item-wrap\">\r\n<div class=\"gutentor-single-item-image-box\">\r\n<div class=\"gutentor-image-thumb\"><img decoding=\"async\" class=\"normal-image aligncenter\" src=\"http:\/\/www.gutentor.com\/weblog\/wp-content\/uploads\/sites\/2\/2019\/09\/files.jpg\" alt=\"\" \/><\/div>\r\n<\/div>\r\n<div class=\"gutentor-single-item-content\">\r\n<h4 class=\"gutentor-single-item-title\">Files<\/h4>\r\n<p class=\"gutentor-single-item-desc\">You can import the pre-built JSON files stored on your computer.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">5 .Export Blocks in JSON format<\/h3>\r\n\r\n\r\n\r\n<p>If you have designed any block then you can simply export them in JSON file which can be used later.<\/p>\r\n\r\n\r\n<hr class=\"wp-block-separator is-style-wide\" \/>\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Other Features<\/h2>\r\n\r\n\r\n\r\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<h3 class=\"wp-block-heading\">Responsive<\/h3>\r\n\r\n\r\n\r\n<p>Gutentor is fully responsive. It lets you designing web layout in smartphones and tablets with much ease. You can simply open your mobile devices and start Gutentor block builder.<\/p>\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<h3 class=\"wp-block-heading\">Easily Operated Customizer<\/h3>\r\n\r\n\r\n\r\n<p>Customizing the layout design is very easy and comfortable in Gutentor. You can manage every aspect of the layout design in no time.<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"820\" height=\"377\" class=\"wp-image-129 aligncenter\" src=\"http:\/\/www.gutentor.com\/weblog\/wp-content\/uploads\/sites\/2\/2019\/09\/general-e1568043148632.jpg\" alt=\"\" srcset=\"https:\/\/www.gutentor.com\/weblog\/wp-content\/uploads\/sites\/2\/2019\/09\/general-e1568043148632.jpg 820w, https:\/\/www.gutentor.com\/weblog\/wp-content\/uploads\/sites\/2\/2019\/09\/general-e1568043148632-300x138.jpg 300w, https:\/\/www.gutentor.com\/weblog\/wp-content\/uploads\/sites\/2\/2019\/09\/general-e1568043148632-768x353.jpg 768w\" sizes=\"(max-width: 820px) 100vw, 820px\" \/>\r\n<figcaption><span style=\"text-decoration: underline\"> The General option for editing Block<\/span><br \/><br \/><\/figcaption>\r\n<\/figure>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Below are some of its important editing tools in Customizer:<\/h2>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Designing font for Block Title and Sub-titles<\/h3>\r\n\r\n\r\n\r\n<p>Make your titles and sub-titles for on your web page a unique and enhancing one using the available font options.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Templates for Individual Block<\/h3>\r\n\r\n\r\n\r\n<p>With varieties of template design options, enjoy giving your blocks a new look each time. You can even style them with icons, buttons, animation, etc.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Carousel Options<\/h3>\r\n\r\n\r\n\r\n<p>The carousel option provides you with editing options to modify the look of the sliders on your webpage.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Set Background for your Blocks<\/h3>\r\n\r\n\r\n\r\n<p>Enhance your background with different images, colors, and videos.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Modify the border and box-shadow<\/h3>\r\n\r\n\r\n\r\n<p>Choose different border designs for your block with the available option. Also, utilize the box-shadow option to make blocks look more attractive.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Margin\/Padding<\/h3>\r\n\r\n\r\n\r\n<p>Have control over the overall design of your page by setting the margin and padding. Modify each section of your block top, bottom, left and right. You can use either px or %.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Structure your block shape<\/h3>\r\n\r\n\r\n\r\n<p>One awesome feature that will mesmerize any user is the different block shapes for your blocks. It has a striking design for making the top and bottom area more interesting and lovely.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Animation<\/h3>\r\n\r\n\r\n\r\n<p>The animation is very popular and everybody fascinates with having animation on their website. You will find a long list of unique animation features to add animation to your webpage.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"820\" height=\"410\" class=\"wp-image-140 aligncenter\" src=\"http:\/\/www.gutentor.com\/weblog\/wp-content\/uploads\/sites\/2\/2019\/09\/advanced-1.jpg\" alt=\"\" srcset=\"https:\/\/www.gutentor.com\/weblog\/wp-content\/uploads\/sites\/2\/2019\/09\/advanced-1.jpg 820w, https:\/\/www.gutentor.com\/weblog\/wp-content\/uploads\/sites\/2\/2019\/09\/advanced-1-300x150.jpg 300w, https:\/\/www.gutentor.com\/weblog\/wp-content\/uploads\/sites\/2\/2019\/09\/advanced-1-768x384.jpg 768w\" sizes=\"(max-width: 820px) 100vw, 820px\" \/>\r\n<figcaption><span style=\"text-decoration: underline\">The Advanced option for editing Block <\/span><\/figcaption>\r\n<\/figure>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Fully Made Documentation<\/h3>\r\n\r\n\r\n\r\n<p>Its documentation has everything written in detail to provide quick guidance to its users. Newbies who don&#8217;t have enough technical knowledge about WordPress or plugins can be helped a lot through its documentation.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Compatibility<\/h3>\r\n\r\n\r\n\r\n<p>It is highly compatible with almost all WordPress themes which are Gutenberg friendly. It is to be considered that Gutentor works only in WordPress Version above 5.0.0<\/p>\r\n\r\n\r\n<hr class=\"wp-block-separator is-style-wide\" \/>\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Lastly,<\/h2>\r\n\r\n\r\n\r\n<p>Our dedicated team has made Gutentor with a strong mechanism so that users all around the world can enjoy designing a website with much enthusiasm and ease.<br \/>Go ahead and <a href=\"https:\/\/www.gutentor.com\/thank-you\/?download=gutentor\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">download Gutentor<\/a> and initiate making your website with its blocks.<\/p>\r\n\r\n\r\n\r\n<p>We also have a video tutorial made for Gutentor. Please have a look :<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\">\r\n<div class=\"wp-block-embed__wrapper\">https:\/\/www.youtube.com\/watch?v=bGMi7L78hVk<\/div>\r\n<figcaption>Getting Started to Gutentor<\/figcaption>\r\n<\/figure>\r\n\r\n\r\n<hr class=\"wp-block-separator is-style-dots\" \/>","protected":false},"excerpt":{"rendered":"<p>If you have been working with the Gutenberg Editor then you must be very eager to know about other block builders introduced in the market that use the same concept of Gutenberg along with new enriched abilities. We introduce you to Gutentor. Gutentor will take you to a whole new level in using the Gutenberg [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":111,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[9],"tags":[14],"class_list":["post-65","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-gutentor"],"gutentor_comment":10,"jetpack_featured_media_url":"https:\/\/www.gutentor.com\/weblog\/wp-content\/uploads\/sites\/2\/2019\/09\/introduction-gutentor.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.gutentor.com\/weblog\/wp-json\/wp\/v2\/posts\/65","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gutentor.com\/weblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gutentor.com\/weblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gutentor.com\/weblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gutentor.com\/weblog\/wp-json\/wp\/v2\/comments?post=65"}],"version-history":[{"count":0,"href":"https:\/\/www.gutentor.com\/weblog\/wp-json\/wp\/v2\/posts\/65\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gutentor.com\/weblog\/wp-json\/wp\/v2\/media\/111"}],"wp:attachment":[{"href":"https:\/\/www.gutentor.com\/weblog\/wp-json\/wp\/v2\/media?parent=65"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gutentor.com\/weblog\/wp-json\/wp\/v2\/categories?post=65"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gutentor.com\/weblog\/wp-json\/wp\/v2\/tags?post=65"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}