{"id":17647,"date":"2021-01-28T14:47:45","date_gmt":"2021-01-28T07:47:45","guid":{"rendered":"https:\/\/www.makewebeasy.com\/id\/blog\/?post_type=manual&#038;p=17647"},"modified":"2021-01-28T14:48:40","modified_gmt":"2021-01-28T07:48:40","slug":"membuat-dan-mengatur-menu-dropdown-atau-sub-menu","status":"publish","type":"manual","link":"https:\/\/www.devmakewebeasy.com\/id\/blog\/manual\/membuat-dan-mengatur-menu-dropdown-atau-sub-menu\/","title":{"rendered":"Membuat dan Mengatur Menu Dropdown atau Sub-menu"},"content":{"rendered":"<p>Website perusahaan atau toko online biasanya memiliki banyak menu. Untuk mengelompokkannya ke dalam sub menu, ikuti langkah-langkah berikut:<\/p>\n<p><strong>1. Membuat sub-menu<\/strong><\/p>\n<p style=\"padding-left: 40px;\">1. Arahkan kursor ke Desain<\/p>\n<p style=\"padding-left: 40px;\">2. Pilih Header &gt; Menu Header<\/p>\n<p style=\"padding-left: 40px;\">3. Arahkan kursor ke menu-menu yang telah Anda buat sebelumnya hingga kursor berbentuk empat tanda panah. Geser menu-menu tersebut ke kanan untuk memasukkannya ke dalam menu utama. Menu dapat dibagi menjadi Menu Utama &gt; Sub-menu 1 &gt; Sub-menu 2<\/p>\n<p style=\"padding-left: 40px;\">4. Tekan tombol Simpan<\/p>\n<p style=\"padding-left: 40px;\"><img loading=\"lazy\" class=\"size-full wp-image-17648 aligncenter\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2021\/01\/2.4-\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e40\u0e21\u0e19\u0e39\u0e22\u0e48\u0e2d\u0e22-\u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e40\u0e21\u0e19\u0e39-1-EN.png\" alt=\"\" width=\"620\" height=\"443\" \/><\/p>\n<p style=\"padding-left: 40px;\"><img loading=\"lazy\" class=\"size-full wp-image-17649 aligncenter\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2021\/01\/2.4-\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e40\u0e21\u0e19\u0e39\u0e22\u0e48\u0e2d\u0e22-\u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e40\u0e21\u0e19\u0e39-2-EN.png\" alt=\"\" width=\"620\" height=\"205\" \/><\/p>\n<p style=\"padding-left: 40px; text-align: center;\"><em>Hasil 2 level sub-menu di bawah menu utama<\/em><\/p>\n<hr \/>\n<p><strong>2. Membuat sub-menu dengan gaya kolom<\/strong><\/p>\n<p>Untuk membuat sub-menu, lakukan langkah pertama di atas diikuti dengan memilih format menu kolom sesuai langkah berikut:<\/p>\n<p style=\"padding-left: 40px;\">1. Arahkan kursor ke Desain<\/p>\n<p style=\"padding-left: 40px;\">2. Pilih Header &gt; Widget<\/p>\n<p style=\"padding-left: 40px;\">3. Pilih Menu Header &gt; Format<\/p>\n<p style=\"padding-left: 40px;\"><img loading=\"lazy\" class=\"size-medium wp-image-17650 aligncenter\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2021\/01\/2.4-\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e40\u0e21\u0e19\u0e39\u0e22\u0e48\u0e2d\u0e22-\u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e40\u0e21\u0e19\u0e39-3-EN-620x430.png\" alt=\"\" width=\"620\" height=\"430\" srcset=\"https:\/\/www.devmakewebeasy.com\/id\/blog\/wp-content\/uploads\/2021\/01\/2.4-\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e40\u0e21\u0e19\u0e39\u0e22\u0e48\u0e2d\u0e22-\u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e40\u0e21\u0e19\u0e39-3-EN-620x430.png 620w, https:\/\/www.devmakewebeasy.com\/id\/blog\/wp-content\/uploads\/2021\/01\/2.4-\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e40\u0e21\u0e19\u0e39\u0e22\u0e48\u0e2d\u0e22-\u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e40\u0e21\u0e19\u0e39-3-EN.png 767w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p style=\"padding-left: 40px;\">4. Pilih Menu Multi Kolom dalam Format menu<\/p>\n<p style=\"padding-left: 40px;\">5. Tekan tombol Simpan<\/p>\n<p style=\"padding-left: 40px;\"><img loading=\"lazy\" class=\"size-medium wp-image-17651 aligncenter\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2021\/01\/2.4-\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e40\u0e21\u0e19\u0e39\u0e22\u0e48\u0e2d\u0e22-\u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e40\u0e21\u0e19\u0e39-4-EN-620x507.png\" alt=\"\" width=\"620\" height=\"507\" srcset=\"https:\/\/www.devmakewebeasy.com\/id\/blog\/wp-content\/uploads\/2021\/01\/2.4-\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e40\u0e21\u0e19\u0e39\u0e22\u0e48\u0e2d\u0e22-\u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e40\u0e21\u0e19\u0e39-4-EN-620x507.png 620w, https:\/\/www.devmakewebeasy.com\/id\/blog\/wp-content\/uploads\/2021\/01\/2.4-\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e40\u0e21\u0e19\u0e39\u0e22\u0e48\u0e2d\u0e22-\u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e40\u0e21\u0e19\u0e39-4-EN.png 641w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p style=\"padding-left: 40px;\"><img loading=\"lazy\" class=\"size-full wp-image-17652 aligncenter\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2021\/01\/2.4-\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e40\u0e21\u0e19\u0e39\u0e22\u0e48\u0e2d\u0e22-\u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e40\u0e21\u0e19\u0e39-5-EN.png\" alt=\"\" width=\"620\" height=\"244\" \/><\/p>\n<p style=\"padding-left: 40px; text-align: center;\"><em>Hasil dari sub-menu sederhana dengan kolom<\/em><\/p>\n<p style=\"padding-left: 40px;\"><span style=\"text-decoration: underline;\">Catatan<\/span>: gaya sub-menu normal lebih cocok untuk situs web dengan sedikit sub-menu. Sedangkan sub-menu bergaya kolom lebih cocok untuk website yang memiliki banyak menu<\/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>Membuat dan Mengatur Menu Dropdown atau Sub-menu - 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\/id\/blog\/manual\/membuat-dan-mengatur-menu-dropdown-atau-sub-menu\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Membuat dan Mengatur Menu Dropdown atau Sub-menu - MakeWebaEasy Blog\" \/>\n<meta name=\"twitter:description\" content=\"Website perusahaan atau toko online biasanya memiliki banyak menu. Untuk mengelompokkannya ke dalam sub menu, ikuti langkah-langkah berikut: 1. Membuat sub-menu 1. Arahkan kursor ke Desain 2. Pilih Header &gt; Menu Header 3. Arahkan kursor ke menu-menu yang telah Anda buat sebelumnya hingga kursor berbentuk empat tanda panah. Geser menu-menu tersebut ke kanan untuk memasukkannya [&hellip;]\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2021\/01\/2.4-\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e40\u0e21\u0e19\u0e39\u0e22\u0e48\u0e2d\u0e22-\u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e40\u0e21\u0e19\u0e39-1-EN.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\/id\/blog\/wp-json\/wp\/v2\/manual\/17647"}],"collection":[{"href":"https:\/\/www.devmakewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/manual"}],"about":[{"href":"https:\/\/www.devmakewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/types\/manual"}],"wp:attachment":[{"href":"https:\/\/www.devmakewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/media?parent=17647"}],"wp:term":[{"taxonomy":"manual_category","embeddable":true,"href":"https:\/\/www.devmakewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/manual_category?post=17647"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}