{"id":1675,"date":"2021-10-27T17:52:26","date_gmt":"2021-10-27T17:52:26","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/?p=1675"},"modified":"2025-09-09T04:51:05","modified_gmt":"2025-09-09T04:51:05","slug":"block-builder","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2021\/10\/27\/block-builder\/","title":{"rendered":"Block Builder"},"content":{"rendered":"\n<h4 class=\"wp-block-heading mt-7 mb-3\">What is UDesign Block Builder?<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">UDesign Block Builder is one of template builders that UDesign provides. It helps you build whatever content you like faster and easily with Elementor page builder and show wherever you like. You can manage your blocks at <code class=\"code-grey\">Block Builder<\/code> section in <code class=\"code-grey\">UDesign &gt; Templates<\/code> page.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"> What can you do with UDesign Block Builder? <\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>You can build any part of your page.<\/li>\n\n\n\n<li>You can make the most frequently used layouts as a block so that it can be used on multiple pages and the content of multiple pages can also be changed at once with one operation in block builder.<\/li>\n\n\n\n<li>You can build various kinds of&nbsp;<em>sidebar<\/em> sections ( <em>Shop Sidebar, Blog Sidebar, Product Sidebar.<\/em>.. )<\/li>\n\n\n\n<li>You can build <em>megamenu<\/em>.<\/li>\n\n\n\n<li>And so on&#8230;<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\"> How to build your part of certain page with block builder? <\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"> <strong>Step 1<\/strong> &#8211; Go to <code class=\"code-grey\">UDesign &gt; Template Builder<\/code>. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"> <strong>Step 2<\/strong> &#8211; Click \u2018Add New\u2019 button on top of page.  <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"> <strong>Step 3<\/strong> &#8211; In New <strong>UDesign<\/strong> Template Modal, select <strong>Block Builder<\/strong> in \u201cTemplate Type\u201d field. And give your block\u2019s name in \u201cTemplate Name\u201d field. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"> <strong>Step 4<\/strong> &#8211; The next step is to build your part with <em><strong>Elementor<\/strong><\/em> or <em><strong>Gutenberg<\/strong><\/em>. <\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 1320 \/ 720;\" width=\"1320\" controls muted poster=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/10\/block-builder.jpg\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/10\/block-builder.mp4\"><\/video><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"> How to insert your block to certain page? <\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"> <strong>Step 1<\/strong> &#8211; Ahead of inserting block to certain page, you have to prepare block. It was already mentioned above how to create block. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"> <strong>Step 2<\/strong> &#8211; Please go to <code class=\"code-grey\">UDesign &gt; Page Layouts<\/code>. Here, you can insert your block into any part of your site. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"620\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/2-1-1024x620.png\" alt=\"\" class=\"wp-image-4323\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/2-1-1024x620.png 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/2-1-768x465.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"> How to insert your block to your page content? <\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"> <strong>Step 1<\/strong>&nbsp;&#8211; First, please prepare your block. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"> <strong>Step 2<\/strong> &#8211; Create, or choose the Column you want to add your block into. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"> <strong>Step 3<\/strong> &#8211; Select UDesign Block Element from the Element List. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"299\" height=\"612\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/3-1.png\" alt=\"\" class=\"wp-image-4328\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"> <strong>Step 4<\/strong>&nbsp;&#8211; Choose your Block from the dropdown of UDesign Block Element. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"300\" height=\"446\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/4-1.png\" alt=\"\" class=\"wp-image-4329\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"> How to insert your block to your menu?  <\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"> The content is same as how to build megamenu. Then let&#8217;s see again. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"> <strong>Step 1<\/strong> &#8211; Please prepare your block. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"> <strong>Step 2<\/strong>&nbsp;&#8211; Go to&nbsp;<code>Appearance &gt; Menus<\/code>. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"> <strong>Step 3<\/strong> &#8211; Create a new menu. Don\u2019t forget give specific name to your menu. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"> <strong>Step 4<\/strong>&nbsp;&#8211; Add your menu item. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"> <strong>Step 5<\/strong>&nbsp;&#8211; Make sure that your menu item is megamenu. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"> <strong>Step 6<\/strong>&nbsp;&#8211; Configure columns in your megamenu. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"> <strong>Step 7<\/strong>&nbsp;&#8211; Create Custom Menu Item in your Column. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"> <strong>Step 8<\/strong>&nbsp;&#8211; As you see image below, please insert your block. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"637\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/5-1.jpg\" alt=\"\" class=\"wp-image-4333\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/5-1.jpg 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/5-1-768x478.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>What is UDesign Block Builder? UDesign Block Builder is one of template builders that UDesign provides. It helps you build whatever content you like faster and easily with Elementor page builder and show wherever you like. You can manage your blocks at Block Builder section in UDesign &gt; Templates page. What can you do with [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[6],"tags":[],"class_list":["post-1675","post","type-post","status-publish","format-standard","hentry","category-template-builder"],"_links":{"self":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/1675","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/comments?post=1675"}],"version-history":[{"count":2,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/1675\/revisions"}],"predecessor-version":[{"id":12341,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/1675\/revisions\/12341"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/media?parent=1675"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/categories?post=1675"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/tags?post=1675"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}