{"id":17635,"date":"2021-01-19T14:29:42","date_gmt":"2021-01-19T07:29:42","guid":{"rendered":"https:\/\/www.makewebeasy.com\/en\/blog\/?post_type=manual&#038;p=17635"},"modified":"2021-01-19T14:34:18","modified_gmt":"2021-01-19T07:34:18","slug":"customizing-your-website-contents","status":"publish","type":"manual","link":"https:\/\/www.devmakewebeasy.com\/en\/blog\/manual\/customizing-your-website-contents\/","title":{"rendered":"Customizing Your Website Contents"},"content":{"rendered":"<p><strong>Body<\/strong> section is the main section of web page where each type of content is displayed. You can change the contents according to your page or menu. In this section, there are 13 categories that can be customized, as follows:<\/p>\n<ul>\n<li>Customize &#8211; data in text, image, or video<\/li>\n<li>Content &#8211; detailed information, news, or articles<\/li>\n<li>Product &#8211; information of your product details<\/li>\n<li>Coupon &#8211; discount or promotion<\/li>\n<li>Product brand &#8211; product commercial name<\/li>\n<li>Contact us &#8211; message box to contact the company<\/li>\n<li>Slide &#8211; slide animation of your company pictures or promotions<\/li>\n<li>Gallery &#8211; photo album<\/li>\n<li>Photos &#8211; uploaded pictures<\/li>\n<li>Forum &#8211; discussion forum or blog<\/li>\n<li>FAQ &#8211; Frequently Asked Questions<\/li>\n<li>Event calendar &#8211; company&#8217;s event schedule<\/li>\n<li>Banner ads &#8211; advertisement banners<\/li>\n<li>Instagram feed &#8211; pictures from Instagram<\/li>\n<li>RSS feed &#8211; news and article subscription via RSS system<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><strong>Create the website content<\/strong><\/p>\n<p>1. Navigate to Design<\/p>\n<p>2. Select Body &gt; Section<\/p>\n<p>3. Select Home on Section page<\/p>\n<p>4. Click Add section button<\/p>\n<p><span style=\"text-decoration: underline;\">Additional instructions<\/span>: If you want to make any page content as a first-page section, you need to create a Static page &gt; Custom page first, then create a section page and designate the page section as the desired page<\/p>\n<p><img loading=\"lazy\" class=\"size-medium wp-image-17636 aligncenter\" src=\"https:\/\/www.makewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.5-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-1-EN-620x445.png\" alt=\"\" width=\"620\" height=\"445\" srcset=\"https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.5-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-1-EN-620x445.png 620w, https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.5-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-1-EN.png 766w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p>5. Name the section to inform the content. You can easily edit or delete it anytime<\/p>\n<p>6. Choose section type e.g. Slide<\/p>\n<p><img loading=\"lazy\" class=\"size-medium wp-image-17637 aligncenter\" src=\"https:\/\/www.makewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.5-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-2-EN-620x290.png\" alt=\"\" width=\"620\" height=\"290\" srcset=\"https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.5-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-2-EN-620x290.png 620w, https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.5-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-2-EN.png 766w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p>7. Manage tab &gt; + Add Slide Set to create a series of multiple slides and choose the set to be added by images, e.g. Home set However, we do not recommend creating more than 2 sets as it will make your website slower<\/p>\n<p>8. Click + Add Slide button<\/p>\n<p><img loading=\"lazy\" class=\"size-medium wp-image-17638 aligncenter\" src=\"https:\/\/www.makewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.5-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-3-EN-620x366.png\" alt=\"\" width=\"620\" height=\"366\" srcset=\"https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.5-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-3-EN-620x366.png 620w, https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.5-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-3-EN.png 766w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p>9. Click Browse button to add an image<\/p>\n<p><img loading=\"lazy\" class=\"size-medium wp-image-17639 aligncenter\" src=\"https:\/\/www.makewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.5-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-4-EN-620x268.png\" alt=\"\" width=\"620\" height=\"268\" srcset=\"https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.5-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-4-EN-620x268.png 620w, https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.5-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-4-EN-920x398.png 920w, https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.5-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-4-EN.png 1312w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p>After selecting an image, click Add Image button<\/p>\n<p><span style=\"text-decoration: underline;\">Additional instructions<\/span>: in case you can&#8217;t make a slide image in Photoshop, you can add an image and type the text from the system. Customize it with text alignment, text color, as well as adding a link. Link type aims to redirect visitors to other pages while they click the slides or you can leave it empty by choosing No Link<\/p>\n<p>10. Click the Save button<\/p>\n<p><img loading=\"lazy\" class=\"size-medium wp-image-17640 aligncenter\" src=\"https:\/\/www.makewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.5-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-5-EN-620x268.png\" alt=\"\" width=\"620\" height=\"268\" srcset=\"https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.5-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-5-EN-620x268.png 620w, https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.5-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-5-EN-920x398.png 920w, https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.5-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-5-EN.png 1312w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p>The selected image for the slide will appear and click another Save button. If you have multiple images for the set, do the same steps and don&#8217;t forget to click Save button. We recommend adding no more than 5 images so your website would not load too long<\/p>\n<p><img loading=\"lazy\" class=\"size-medium wp-image-17641 aligncenter\" src=\"https:\/\/www.makewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.5-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-6-EN-620x366.png\" alt=\"\" width=\"620\" height=\"366\" srcset=\"https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.5-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-6-EN-620x366.png 620w, https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.5-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-6-EN.png 766w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-17642 aligncenter\" src=\"https:\/\/www.makewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.5-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-7-EN.png\" alt=\"\" width=\"620\" height=\"299\" \/><\/p>\n<p style=\"text-align: center;\"><em>The result after adding Slide section<\/em><\/p>\n<hr \/>\n<p><strong>Edit or delete part of section<\/strong><\/p>\n<p>1. Navigate to Design<\/p>\n<p>2. Select Body &gt; Section<\/p>\n<p>3. To edit click icon 1 (pencil icon), to hide the section click icon 2 (eye icon), and to remove the section click icon 3 (bin icon)<\/p>\n<p>4. To sort the section contents, click and drag the three-dots icon on the left side of the content&#8217;s name then toggle up\/down. Click Sort button to complete your process<\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-17643 aligncenter\" src=\"https:\/\/www.makewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.5-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-8-EN.png\" alt=\"\" width=\"614\" height=\"452\" \/><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-17644 aligncenter\" src=\"https:\/\/www.makewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.5-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-9-EN.png\" alt=\"\" width=\"620\" height=\"2125\" srcset=\"https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.5-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-9-EN.png 620w, https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.5-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-9-EN-448x1536.png 448w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p style=\"text-align: center;\"><em>The result after managing all contents in the body section<\/em><\/p>\n","protected":false},"featured_media":0,"template":"","manual_category":[1782],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v14.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Customizing Your Website Contents - MakeWebaEasy Blog<\/title>\n<meta name=\"robots\" content=\"index, follow\" \/>\n<meta name=\"googlebot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta name=\"bingbot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.makewebeasy.com\/en\/blog\/manual\/customizing-your-website-contents\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Customizing Your Website Contents - MakeWebaEasy Blog\" \/>\n<meta name=\"twitter:description\" content=\"Body section is the main section of web page where each type of content is displayed. You can change the contents according to your page or menu. In this section, there are 13 categories that can be customized, as follows: Customize &#8211; data in text, image, or video Content &#8211; detailed information, news, or articles [&hellip;]\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.makewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.5-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-1-EN-620x445.png\" \/>\n<meta name=\"twitter:creator\" content=\"@makewebeasy\" \/>\n<meta name=\"twitter:site\" content=\"@makewebeasy\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/manual\/17635"}],"collection":[{"href":"https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/manual"}],"about":[{"href":"https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/types\/manual"}],"wp:attachment":[{"href":"https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/media?parent=17635"}],"wp:term":[{"taxonomy":"manual_category","embeddable":true,"href":"https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/manual_category?post=17635"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}