{"id":1654,"date":"2023-09-06T19:34:44","date_gmt":"2023-09-06T18:34:44","guid":{"rendered":"https:\/\/harmonweb.com\/blog\/?p=1654"},"modified":"2023-09-06T19:34:44","modified_gmt":"2023-09-06T18:34:44","slug":"how-to-build-a-collapsible-sidebar-menu-in-wordpress","status":"publish","type":"post","link":"https:\/\/harmonweb.com\/blog\/how-to-build-a-collapsible-sidebar-menu-in-wordpress\/","title":{"rendered":"How to Build a Collapsible Sidebar Menu in WordPress"},"content":{"rendered":"\n<p>Do you want to build a collapsible sidebar menu in WordPress?<\/p>\n\n\n\n<p>Sidebars are fantastic way of showing more information and linking to different parts of your website. It makes it easier for users to navigate to any part of your WordPress site.<\/p>\n\n\n\n<p>In this article, we will show you how to easily build a collapsible sidebar menu in WordPress.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2023\/02\/Collapsible-Sidebar-Menu-in-WordPress-1024x576.png\" alt=\"How to Build a Collapsible Sidebar Menu in WordPress\" class=\"wp-image-1670\" srcset=\"https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2023\/02\/Collapsible-Sidebar-Menu-in-WordPress-1024x576.png 1024w, https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2023\/02\/Collapsible-Sidebar-Menu-in-WordPress-300x169.png 300w, https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2023\/02\/Collapsible-Sidebar-Menu-in-WordPress-768x432.png 768w, https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2023\/02\/Collapsible-Sidebar-Menu-in-WordPress.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">How to Build a Collapsible Sidebar Menu in WordPress<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>What is a Collapsible Sidebar Menu<\/strong>?<\/h2>\n\n\n\n<p>A Collapsible Sidebar Menu is a type of navigation menu in WordPress that can be expanded and collapsed with a click or touch. It is commonly used on websites to allow users to access content in a more organized and compact manner, particularly on smaller screens such as mobile devices.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">How to Build a Collapsible Sidebar Menu in WordPress<\/h3>\n\n\n\n<p>You can build a collapsible sidebar menu by logging in to your WordPress site and install the plugin <strong>&#8220;Below Accordion Menu&#8221;<\/strong>. This plugin is going to add the collapsible menu feature to your WordPress site with no coding knowledge needed.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"558\" src=\"https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2023\/02\/Below-Accordion-Menu-1024x558.jpeg\" alt=\"Below Accordion Menu\" class=\"wp-image-1663\" srcset=\"https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2023\/02\/Below-Accordion-Menu-1024x558.jpeg 1024w, https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2023\/02\/Below-Accordion-Menu-300x163.jpeg 300w, https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2023\/02\/Below-Accordion-Menu-768x418.jpeg 768w, https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2023\/02\/Below-Accordion-Menu.jpeg 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Below Accordion Menu<\/figcaption><\/figure>\n\n\n\n<p>Upon Activation, head over to appearance and click create new menu. Give the menu a name and click create menu. You can choose to add posts, pages or links to the menu from the add menu items and click save the menu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"578\" src=\"https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2023\/02\/create-menu-1024x578.jpeg\" alt=\"create menu\" class=\"wp-image-1665\" srcset=\"https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2023\/02\/create-menu-1024x578.jpeg 1024w, https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2023\/02\/create-menu-300x169.jpeg 300w, https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2023\/02\/create-menu-768x434.jpeg 768w, https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2023\/02\/create-menu.jpeg 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">create menu<\/figcaption><\/figure>\n\n\n\n<p>The next step is to copy the sort code from the bellows accordion menu plugin to the add our page. You can do that by heading over to bellows menu on the left hand side of the screen and click on it to view bellows control panel. <\/p>\n\n\n\n<p>Copy the shortcode, head over to appearance and underneath you will see widgets. Click on it to view the widget page. To paste the shortcode, click on sidebar widget block and click on add block button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2023\/02\/sidebar-widget-1024x538.jpeg\" alt=\"sidebar widget\" class=\"wp-image-1667\" srcset=\"https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2023\/02\/sidebar-widget-1024x538.jpeg 1024w, https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2023\/02\/sidebar-widget-300x158.jpeg 300w, https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2023\/02\/sidebar-widget-768x403.jpeg 768w, https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2023\/02\/sidebar-widget.jpeg 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">sidebar widget<\/figcaption><\/figure>\n\n\n\n<p>Use the search button to search for shortcode, clock on the shortcode block and paste the shortcode you copied from bellows menu area and click update to save changes.<\/p>\n\n\n\n<p>You can change the look of the collapsible menu by heading over to appearance, then customizer. We hope this article helped you learn how to easily build a collapsible sidebar menu in WordPress. You can also go through our guide on&nbsp;<a href=\"https:\/\/harmonweb.com\/blog\/how-to-fix-the-link-you-followed-has-expired-error-in-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"\">How To Fix \u201cThe Link You Followed Has Expired\u201d Error<\/a> in WordPress.<\/p>\n\n\n\n<p>If you liked this article, then please subscribe to our&nbsp;<a href=\"https:\/\/youtube.com\/@harmonwebsolutions5047\" target=\"_blank\" rel=\"noreferrer noopener\">YouTube Channel<\/a>&nbsp;for WordPress video tutorials. You can also find us on&nbsp;<a href=\"https:\/\/www.facebook.com\/harmonwebcom?mibextid=LQQJ4d\" target=\"_blank\" rel=\"noreferrer noopener\">Facebook<\/a>.<a href=\"https:\/\/harmonweb.com\/blog\/do-backlinks-help-seo-how-can-i-earn-it\/?relatedposts_hit=1&amp;relatedposts_origin=1625&amp;relatedposts_position=0\"><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Do you want to build a collapsible sidebar menu in WordPress? Sidebars are fantastic way of showing more&hellip;<\/p>\n","protected":false},"author":1,"featured_media":1670,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[158],"tags":[],"class_list":["post-1654","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-troubleshooting"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Build a Collapsible Sidebar Menu in WordPress | HarmonWeb Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/harmonweb.com\/blog\/how-to-build-a-collapsible-sidebar-menu-in-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Build a Collapsible Sidebar Menu in WordPress | HarmonWeb Blog\" \/>\n<meta property=\"og:description\" content=\"Do you want to build a collapsible sidebar menu in WordPress? Sidebars are fantastic way of showing more&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/harmonweb.com\/blog\/how-to-build-a-collapsible-sidebar-menu-in-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"HarmonWeb Blog\" \/>\n<meta property=\"article:published_time\" content=\"2023-09-06T18:34:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2023\/02\/Collapsible-Sidebar-Menu-in-WordPress.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"John Adegoke\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"John Adegoke\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/how-to-build-a-collapsible-sidebar-menu-in-wordpress\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/how-to-build-a-collapsible-sidebar-menu-in-wordpress\\\/\"},\"author\":{\"name\":\"John Adegoke\",\"@id\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/#\\\/schema\\\/person\\\/e9bc75c3e7e30a261690c47ec872a8fc\"},\"headline\":\"How to Build a Collapsible Sidebar Menu in WordPress\",\"datePublished\":\"2023-09-06T18:34:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/how-to-build-a-collapsible-sidebar-menu-in-wordpress\\\/\"},\"wordCount\":423,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/how-to-build-a-collapsible-sidebar-menu-in-wordpress\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/Collapsible-Sidebar-Menu-in-WordPress.png\",\"articleSection\":[\"Troubleshooting\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/harmonweb.com\\\/blog\\\/how-to-build-a-collapsible-sidebar-menu-in-wordpress\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/how-to-build-a-collapsible-sidebar-menu-in-wordpress\\\/\",\"url\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/how-to-build-a-collapsible-sidebar-menu-in-wordpress\\\/\",\"name\":\"How to Build a Collapsible Sidebar Menu in WordPress | HarmonWeb Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/how-to-build-a-collapsible-sidebar-menu-in-wordpress\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/how-to-build-a-collapsible-sidebar-menu-in-wordpress\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/Collapsible-Sidebar-Menu-in-WordPress.png\",\"datePublished\":\"2023-09-06T18:34:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/how-to-build-a-collapsible-sidebar-menu-in-wordpress\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/harmonweb.com\\\/blog\\\/how-to-build-a-collapsible-sidebar-menu-in-wordpress\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/how-to-build-a-collapsible-sidebar-menu-in-wordpress\\\/#primaryimage\",\"url\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/Collapsible-Sidebar-Menu-in-WordPress.png\",\"contentUrl\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/Collapsible-Sidebar-Menu-in-WordPress.png\",\"width\":1280,\"height\":720,\"caption\":\"How to Build a Collapsible Sidebar Menu in WordPress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/how-to-build-a-collapsible-sidebar-menu-in-wordpress\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Build a Collapsible Sidebar Menu in WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/\",\"name\":\"HarmonWeb Blog\",\"description\":\"HarmonWeb\",\"publisher\":{\"@id\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/#organization\",\"name\":\"HarmonWeb\",\"url\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/cropped-HARMON-WEB-LOGO-2.png\",\"contentUrl\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/cropped-HARMON-WEB-LOGO-2.png\",\"width\":831,\"height\":172,\"caption\":\"HarmonWeb\"},\"image\":{\"@id\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/#\\\/schema\\\/person\\\/e9bc75c3e7e30a261690c47ec872a8fc\",\"name\":\"John Adegoke\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/wp-content\\\/litespeed\\\/avatar\\\/0843e926db683e41ace2aee54210b841.jpg?ver=1775630058\",\"url\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/wp-content\\\/litespeed\\\/avatar\\\/0843e926db683e41ace2aee54210b841.jpg?ver=1775630058\",\"contentUrl\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/wp-content\\\/litespeed\\\/avatar\\\/0843e926db683e41ace2aee54210b841.jpg?ver=1775630058\",\"caption\":\"John Adegoke\"},\"sameAs\":[\"https:\\\/\\\/harmonweb.com\\\/blog\"],\"url\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/author\\\/harmonweb\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Build a Collapsible Sidebar Menu in WordPress | HarmonWeb Blog","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:\/\/harmonweb.com\/blog\/how-to-build-a-collapsible-sidebar-menu-in-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"How to Build a Collapsible Sidebar Menu in WordPress | HarmonWeb Blog","og_description":"Do you want to build a collapsible sidebar menu in WordPress? Sidebars are fantastic way of showing more&hellip;","og_url":"https:\/\/harmonweb.com\/blog\/how-to-build-a-collapsible-sidebar-menu-in-wordpress\/","og_site_name":"HarmonWeb Blog","article_published_time":"2023-09-06T18:34:44+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2023\/02\/Collapsible-Sidebar-Menu-in-WordPress.png","type":"image\/png"}],"author":"John Adegoke","twitter_card":"summary_large_image","twitter_misc":{"Written by":"John Adegoke","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/harmonweb.com\/blog\/how-to-build-a-collapsible-sidebar-menu-in-wordpress\/#article","isPartOf":{"@id":"https:\/\/harmonweb.com\/blog\/how-to-build-a-collapsible-sidebar-menu-in-wordpress\/"},"author":{"name":"John Adegoke","@id":"https:\/\/harmonweb.com\/blog\/#\/schema\/person\/e9bc75c3e7e30a261690c47ec872a8fc"},"headline":"How to Build a Collapsible Sidebar Menu in WordPress","datePublished":"2023-09-06T18:34:44+00:00","mainEntityOfPage":{"@id":"https:\/\/harmonweb.com\/blog\/how-to-build-a-collapsible-sidebar-menu-in-wordpress\/"},"wordCount":423,"commentCount":0,"publisher":{"@id":"https:\/\/harmonweb.com\/blog\/#organization"},"image":{"@id":"https:\/\/harmonweb.com\/blog\/how-to-build-a-collapsible-sidebar-menu-in-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2023\/02\/Collapsible-Sidebar-Menu-in-WordPress.png","articleSection":["Troubleshooting"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/harmonweb.com\/blog\/how-to-build-a-collapsible-sidebar-menu-in-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/harmonweb.com\/blog\/how-to-build-a-collapsible-sidebar-menu-in-wordpress\/","url":"https:\/\/harmonweb.com\/blog\/how-to-build-a-collapsible-sidebar-menu-in-wordpress\/","name":"How to Build a Collapsible Sidebar Menu in WordPress | HarmonWeb Blog","isPartOf":{"@id":"https:\/\/harmonweb.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/harmonweb.com\/blog\/how-to-build-a-collapsible-sidebar-menu-in-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/harmonweb.com\/blog\/how-to-build-a-collapsible-sidebar-menu-in-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2023\/02\/Collapsible-Sidebar-Menu-in-WordPress.png","datePublished":"2023-09-06T18:34:44+00:00","breadcrumb":{"@id":"https:\/\/harmonweb.com\/blog\/how-to-build-a-collapsible-sidebar-menu-in-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/harmonweb.com\/blog\/how-to-build-a-collapsible-sidebar-menu-in-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/harmonweb.com\/blog\/how-to-build-a-collapsible-sidebar-menu-in-wordpress\/#primaryimage","url":"https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2023\/02\/Collapsible-Sidebar-Menu-in-WordPress.png","contentUrl":"https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2023\/02\/Collapsible-Sidebar-Menu-in-WordPress.png","width":1280,"height":720,"caption":"How to Build a Collapsible Sidebar Menu in WordPress"},{"@type":"BreadcrumbList","@id":"https:\/\/harmonweb.com\/blog\/how-to-build-a-collapsible-sidebar-menu-in-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/harmonweb.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Build a Collapsible Sidebar Menu in WordPress"}]},{"@type":"WebSite","@id":"https:\/\/harmonweb.com\/blog\/#website","url":"https:\/\/harmonweb.com\/blog\/","name":"HarmonWeb Blog","description":"HarmonWeb","publisher":{"@id":"https:\/\/harmonweb.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/harmonweb.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/harmonweb.com\/blog\/#organization","name":"HarmonWeb","url":"https:\/\/harmonweb.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/harmonweb.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2020\/06\/cropped-HARMON-WEB-LOGO-2.png","contentUrl":"https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2020\/06\/cropped-HARMON-WEB-LOGO-2.png","width":831,"height":172,"caption":"HarmonWeb"},"image":{"@id":"https:\/\/harmonweb.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/harmonweb.com\/blog\/#\/schema\/person\/e9bc75c3e7e30a261690c47ec872a8fc","name":"John Adegoke","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/harmonweb.com\/blog\/wp-content\/litespeed\/avatar\/0843e926db683e41ace2aee54210b841.jpg?ver=1775630058","url":"https:\/\/harmonweb.com\/blog\/wp-content\/litespeed\/avatar\/0843e926db683e41ace2aee54210b841.jpg?ver=1775630058","contentUrl":"https:\/\/harmonweb.com\/blog\/wp-content\/litespeed\/avatar\/0843e926db683e41ace2aee54210b841.jpg?ver=1775630058","caption":"John Adegoke"},"sameAs":["https:\/\/harmonweb.com\/blog"],"url":"https:\/\/harmonweb.com\/blog\/author\/harmonweb\/"}]}},"_links":{"self":[{"href":"https:\/\/harmonweb.com\/blog\/wp-json\/wp\/v2\/posts\/1654","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/harmonweb.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/harmonweb.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/harmonweb.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/harmonweb.com\/blog\/wp-json\/wp\/v2\/comments?post=1654"}],"version-history":[{"count":8,"href":"https:\/\/harmonweb.com\/blog\/wp-json\/wp\/v2\/posts\/1654\/revisions"}],"predecessor-version":[{"id":1671,"href":"https:\/\/harmonweb.com\/blog\/wp-json\/wp\/v2\/posts\/1654\/revisions\/1671"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/harmonweb.com\/blog\/wp-json\/wp\/v2\/media\/1670"}],"wp:attachment":[{"href":"https:\/\/harmonweb.com\/blog\/wp-json\/wp\/v2\/media?parent=1654"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/harmonweb.com\/blog\/wp-json\/wp\/v2\/categories?post=1654"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/harmonweb.com\/blog\/wp-json\/wp\/v2\/tags?post=1654"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}