{"id":473,"date":"2023-02-01T09:32:44","date_gmt":"2023-02-01T02:32:44","guid":{"rendered":"https:\/\/bikin.website\/kb\/?p=473"},"modified":"2023-02-01T09:32:44","modified_gmt":"2023-02-01T02:32:44","slug":"cara-mengarahkan-menu-ke-section-di-sitepad","status":"publish","type":"post","link":"https:\/\/bikin.website\/kb\/cara-mengarahkan-menu-ke-section-di-sitepad\/","title":{"rendered":"Cara Mengarahkan Menu ke Section di SitePad"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">SitePad memang jadi pilihan paling oke untuk membuat <\/span><i><span style=\"font-weight: 400;\">landing page<\/span><\/i><span style=\"font-weight: 400;\">, ya? Selain murah, caranya pun juga gampang banget, tinggal pilih tema doang!<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Namun, kalau diperhatikan nih, setiap menu yang ada di dalamnya pasti mengarah ke halaman lain. Padahal, seperti yang kita ketahui, <\/span><i><span style=\"font-weight: 400;\">landing page<\/span><\/i><span style=\"font-weight: 400;\"> hanya terdiri dari satu halaman.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nah, untuk itu, kita perlu mengarahkan menu-menu tersebut ke setiap <\/span><i><span style=\"font-weight: 400;\">section <\/span><\/i><span style=\"font-weight: 400;\">dalam <\/span><i><span style=\"font-weight: 400;\">landing page<\/span><\/i><span style=\"font-weight: 400;\"> kita. Caranya dengan menggunakan fitur Custom CSS di SitePad.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Tenang saja, cara menggunakannya gampang banget, kok. Supaya nggak bingung, simak cara mengarahkan menu ke <\/span><i><span style=\"font-weight: 400;\">section <\/span><\/i><span style=\"font-weight: 400;\">di SitePad berikut ini, yuk!<\/span><\/p>\n<h2><b>Langkah 1 &#8211; Menambahkan ID di Custom CSS<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Untuk mengarahkan menu ke <\/span><i><span style=\"font-weight: 400;\">section<\/span><\/i><span style=\"font-weight: 400;\">, kita harus menambahkan ID menggunakan fitur Custom CSS lebih dulu pada bagian yang kita inginkan. Untuk caranya, ikuti langkah-langkah berikut ini, ya!<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Masuk ke panel admin website SitePad kita. <img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-470\" src=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2023\/01\/login-ke-admin.png\" alt=\"login ke admin sitepad\" width=\"512\" height=\"274\" srcset=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2023\/01\/login-ke-admin.png 512w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2023\/01\/login-ke-admin-300x161.png 300w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Pilih menu Pages &gt; All Pages di sebelah kiri. Lalu, klik <\/span><i><span style=\"font-weight: 400;\">icon <\/span><\/i><span style=\"font-weight: 400;\">pensil di halaman Home. <img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-477\" src=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2023\/02\/cara-mengarahkan-menu-ke-section.png\" alt=\"cara mengarahkan menu ke section di sitepad\" width=\"1366\" height=\"650\" srcset=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2023\/02\/cara-mengarahkan-menu-ke-section.png 1366w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2023\/02\/cara-mengarahkan-menu-ke-section-300x143.png 300w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2023\/02\/cara-mengarahkan-menu-ke-section-1024x487.png 1024w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2023\/02\/cara-mengarahkan-menu-ke-section-768x365.png 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Pilih bagian yang kita inginkan, misalnya bagian produk seperti gambar berikut ini. Lalu, klik tab Options &gt; Custom CSS di sebelah kiri. <img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-476\" src=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2023\/02\/mengarahkan-menu-ke-section.png\" alt=\"cara mengarahkan menu ke section di sitepad\" width=\"1366\" height=\"655\" srcset=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2023\/02\/mengarahkan-menu-ke-section.png 1366w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2023\/02\/mengarahkan-menu-ke-section-300x144.png 300w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2023\/02\/mengarahkan-menu-ke-section-1024x491.png 1024w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2023\/02\/mengarahkan-menu-ke-section-768x368.png 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Masukkan <\/span><b>produk<\/b><span style=\"font-weight: 400;\"> di bagian Element ID. Lalu, klik Update dan Close di bagian ujung kanan atas.<\/span><\/li>\n<\/ol>\n<h2><b>Langkah 2 &#8211; Mengarahkan Menu ke Section<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Setelah kita menambahkan ID pada setiap bagian yang diinginkan, sekarang kita akan mengarahkan menu ke <\/span><i><span style=\"font-weight: 400;\">section<\/span><\/i><span style=\"font-weight: 400;\">. Yuk, ikuti cara mengarahkan menu ke\u00a0<em>section\u00a0<\/em>di SitePad berikut ini!<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Pilih menu Menus di sebelah kiri. <img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-478\" src=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2023\/02\/mengarahkan-menu-ke-section-dengan-sitepad.png\" alt=\"cara mengarahkan menu ke section di sitepad\" width=\"512\" height=\"318\" srcset=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2023\/02\/mengarahkan-menu-ke-section-dengan-sitepad.png 512w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2023\/02\/mengarahkan-menu-ke-section-dengan-sitepad-300x186.png 300w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Di bagian Menu Structure, pilih menu yang tidak ingin kita gunakan. Lalu, klik Remove di bagian bawah. <img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-479\" src=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2023\/02\/mengarahkan-ke-section-di-sitepad.png\" alt=\"cara mengarahkan menu ke section di sitepad\" width=\"512\" height=\"368\" srcset=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2023\/02\/mengarahkan-ke-section-di-sitepad.png 512w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2023\/02\/mengarahkan-ke-section-di-sitepad-300x216.png 300w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Pilih Custom Links di bagian Add menu items. Lalu, masukkan <\/span><b>#produk<\/b><span style=\"font-weight: 400;\"> ke bagian URL dan <\/span><b>Produk <\/b><span style=\"font-weight: 400;\">ke bagian Link Text. Jangan lupa sesuaikan dengan ID yang sudah kita buat, ya. <img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-480\" src=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2023\/02\/cara-mengarahkan-menu-ke-section-dengan-sitepad.png\" alt=\"cara menambahkan menu di sitepad\" width=\"507\" height=\"352\" srcset=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2023\/02\/cara-mengarahkan-menu-ke-section-dengan-sitepad.png 507w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2023\/02\/cara-mengarahkan-menu-ke-section-dengan-sitepad-300x208.png 300w\" sizes=\"(max-width: 507px) 100vw, 507px\" \/><\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Klik Add to Menu. Jika sudah semua, klik Save Menu di bagian bawah.<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">Nah, itu dia cara mengarahkan menu ke <\/span><i><span style=\"font-weight: 400;\">section <\/span><\/i><span style=\"font-weight: 400;\">di SitePad yang <\/span><i><span style=\"font-weight: 400;\">super <\/span><\/i><span style=\"font-weight: 400;\">gampang. Gimana? Sudah berhasil belum nih?<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Jika ada pertanyaan lain, bisa komen di bawah atau langsung hubungi tim kami, ya. Cek juga artikel tutorial kami yang lain dengan klik di <\/span><a href=\"https:\/\/bikin.website\/kb\/\"><span style=\"font-weight: 400;\">sini<\/span><\/a><span style=\"font-weight: 400;\">!<\/span><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>SitePad memang jadi pilihan paling oke untuk membuat landing page, ya? Selain murah, caranya pun juga gampang banget, tinggal pilih tema doang! Namun, kalau diperhatikan &hellip; <span class=\"read-more-link\"><a class=\"read-more\" href=\"https:\/\/bikin.website\/kb\/cara-mengarahkan-menu-ke-section-di-sitepad\/\">Read More &rsaquo;<\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":474,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[65],"tags":[64,67,66],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.2.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Cara Mengarahkan Menu ke Section di SitePad<\/title>\n<meta name=\"description\" content=\"Ingin mengarahkan menu ke section dalam landing page? Pelajari cara mengarahkan menu ke section di SitePad berikut ini, yuk!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bikin.website\/kb\/cara-mengarahkan-menu-ke-section-di-sitepad\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cara Mengarahkan Menu ke Section di SitePad\" \/>\n<meta property=\"og:description\" content=\"Ingin mengarahkan menu ke section dalam landing page? Pelajari cara mengarahkan menu ke section di SitePad berikut ini, yuk!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bikin.website\/kb\/cara-mengarahkan-menu-ke-section-di-sitepad\/\" \/>\n<meta property=\"og:site_name\" content=\"Bikin.website Manual Knowledge Base\" \/>\n<meta property=\"article:published_time\" content=\"2023-02-01T02:32:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2023\/02\/logo.png\" \/>\n\t<meta property=\"og:image:width\" content=\"60\" \/>\n\t<meta property=\"og:image:height\" content=\"60\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cara Mengarahkan Menu ke Section di SitePad","description":"Ingin mengarahkan menu ke section dalam landing page? Pelajari cara mengarahkan menu ke section di SitePad berikut ini, yuk!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bikin.website\/kb\/cara-mengarahkan-menu-ke-section-di-sitepad\/","og_locale":"en_US","og_type":"article","og_title":"Cara Mengarahkan Menu ke Section di SitePad","og_description":"Ingin mengarahkan menu ke section dalam landing page? Pelajari cara mengarahkan menu ke section di SitePad berikut ini, yuk!","og_url":"https:\/\/bikin.website\/kb\/cara-mengarahkan-menu-ke-section-di-sitepad\/","og_site_name":"Bikin.website Manual Knowledge Base","article_published_time":"2023-02-01T02:32:44+00:00","og_image":[{"width":60,"height":60,"url":"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2023\/02\/logo.png","type":"image\/png"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/bikin.website\/kb\/cara-mengarahkan-menu-ke-section-di-sitepad\/#article","isPartOf":{"@id":"https:\/\/bikin.website\/kb\/cara-mengarahkan-menu-ke-section-di-sitepad\/"},"author":{"name":"admin","@id":"https:\/\/bikin.website\/kb\/#\/schema\/person\/bacb107a2e94b7966c251722dae84700"},"headline":"Cara Mengarahkan Menu ke Section di SitePad","datePublished":"2023-02-01T02:32:44+00:00","dateModified":"2023-02-01T02:32:44+00:00","mainEntityOfPage":{"@id":"https:\/\/bikin.website\/kb\/cara-mengarahkan-menu-ke-section-di-sitepad\/"},"wordCount":338,"commentCount":0,"publisher":{"@id":"https:\/\/bikin.website\/kb\/#organization"},"keywords":["DirectAdmin","menu","sitepad"],"articleSection":["SitePad"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/bikin.website\/kb\/cara-mengarahkan-menu-ke-section-di-sitepad\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/bikin.website\/kb\/cara-mengarahkan-menu-ke-section-di-sitepad\/","url":"https:\/\/bikin.website\/kb\/cara-mengarahkan-menu-ke-section-di-sitepad\/","name":"Cara Mengarahkan Menu ke Section di SitePad","isPartOf":{"@id":"https:\/\/bikin.website\/kb\/#website"},"datePublished":"2023-02-01T02:32:44+00:00","dateModified":"2023-02-01T02:32:44+00:00","description":"Ingin mengarahkan menu ke section dalam landing page? Pelajari cara mengarahkan menu ke section di SitePad berikut ini, yuk!","breadcrumb":{"@id":"https:\/\/bikin.website\/kb\/cara-mengarahkan-menu-ke-section-di-sitepad\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bikin.website\/kb\/cara-mengarahkan-menu-ke-section-di-sitepad\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/bikin.website\/kb\/cara-mengarahkan-menu-ke-section-di-sitepad\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bikin.website\/kb\/"},{"@type":"ListItem","position":2,"name":"Cara Mengarahkan Menu ke Section di SitePad"}]},{"@type":"WebSite","@id":"https:\/\/bikin.website\/kb\/#website","url":"https:\/\/bikin.website\/kb\/","name":"Bikin.website Manual Knowledge Base","description":"Bikin.website Manual Knowledge Base","publisher":{"@id":"https:\/\/bikin.website\/kb\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bikin.website\/kb\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/bikin.website\/kb\/#organization","name":"Bikin.website","url":"https:\/\/bikin.website\/kb\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bikin.website\/kb\/#\/schema\/logo\/image\/","url":"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/logo-blue-scaled.png","contentUrl":"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/logo-blue-scaled.png","width":2560,"height":313,"caption":"Bikin.website"},"image":{"@id":"https:\/\/bikin.website\/kb\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/bikin.website\/kb\/#\/schema\/person\/bacb107a2e94b7966c251722dae84700","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bikin.website\/kb\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/5f3abed3bc38ac62b7a96092eeaedc26?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5f3abed3bc38ac62b7a96092eeaedc26?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/bikin.website\/kb\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/bikin.website\/kb\/wp-json\/wp\/v2\/posts\/473"}],"collection":[{"href":"https:\/\/bikin.website\/kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bikin.website\/kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bikin.website\/kb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bikin.website\/kb\/wp-json\/wp\/v2\/comments?post=473"}],"version-history":[{"count":1,"href":"https:\/\/bikin.website\/kb\/wp-json\/wp\/v2\/posts\/473\/revisions"}],"predecessor-version":[{"id":481,"href":"https:\/\/bikin.website\/kb\/wp-json\/wp\/v2\/posts\/473\/revisions\/481"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bikin.website\/kb\/wp-json\/wp\/v2\/media\/474"}],"wp:attachment":[{"href":"https:\/\/bikin.website\/kb\/wp-json\/wp\/v2\/media?parent=473"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bikin.website\/kb\/wp-json\/wp\/v2\/categories?post=473"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bikin.website\/kb\/wp-json\/wp\/v2\/tags?post=473"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}