{"id":1347,"date":"2017-05-06T11:29:23","date_gmt":"2017-05-06T11:29:23","guid":{"rendered":"http:\/\/www.sanjaywebdesigner.com\/articles\/?p=1347"},"modified":"2017-05-06T11:33:15","modified_gmt":"2017-05-06T11:33:15","slug":"how-to-create-active-menu","status":"publish","type":"post","link":"https:\/\/www.sanjaywebdesigner.com\/articles\/how-to-create-active-menu\/","title":{"rendered":"How to Create Active Menu?"},"content":{"rendered":"<div class=\"4b5c905834746893f548144bd2becc18\" data-index=\"1\" style=\"float: none; margin:10px 0 10px 0; text-align:center;\">\n<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\r\n<!-- blog last -->\r\n<ins class=\"adsbygoogle\"\r\n     style=\"display:inline-block;width:336px;height:280px\"\r\n     data-ad-client=\"ca-pub-8831529092902674\"\r\n     data-ad-slot=\"8814291746\"><\/ins>\r\n<script>\r\n(adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script>\n<\/div>\n<h1>How to Create Active Menu?<\/h1>\n<p>When we\u2019re creating a\u00a0navigation menu for a website, it\u2019s always good to make it so the visitors or user on the website knows on which page or part of the site he is on. This can be accomplished by adding an \u201cactive class\u201d or \u201ccurrent class\u201d to the menu item that links to the page on which the visitor or user is. With the help of this coding you can make the different menu active on different page without changing the code in every page for future use just make changes at one place and other page&#8217;s menu will automatically change.<\/p>\n<p><a href=\"http:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2017\/05\/How-to-Create-Active-Menu.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1348\" src=\"http:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2017\/05\/How-to-Create-Active-Menu.jpg\" alt=\"How to Create Active Menu?\" width=\"600\" height=\"300\" srcset=\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2017\/05\/How-to-Create-Active-Menu.jpg 600w, https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2017\/05\/How-to-Create-Active-Menu-300x150.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>To do this, we\u2019ll create a\u00a0CSS\u00a0navigation menu. With a few links in it just for demonstration. Of course you can add as many as you want.<\/p>\n<h2>HTML Code<\/h2>\n<p>Paste the below in HTML\u00a0file:<\/p>\n<p><strong>&lt;body&gt;<\/strong><\/p>\n<p><strong>\u00a0 &lt;div class=&#8221;container&#8221;&gt;<\/strong><\/p>\n<p><strong>\u00a0\u00a0\u00a0\u00a0\u00a0 &lt;nav class=&#8221;navecation&#8221;&gt;<\/strong><\/p>\n<p><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &lt;ul id=&#8221;navi&#8221;&gt;<\/strong><\/p>\n<p><strong>\u00a0\u00a0\u00a0 &lt;li&gt;&lt;a class=&#8221;menu active&#8221;#&#8221;&gt;About &lt;\/a&gt;&lt;\/li&gt;<\/strong><\/p>\n<p><strong>\u00a0\u00a0\u00a0 &lt;li&gt;&lt;a class=&#8221;menu&#8221; href=&#8221;#&#8221;&gt;Contact\u00a0 &lt;\/a&gt;&lt;\/li&gt;<\/strong><\/p>\n<p><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &lt;li&gt;&lt;a class=&#8221;menu&#8221; href=&#8221;#&#8221;&gt;Services&lt;\/a&gt;&lt;\/li&gt;<\/strong><\/p>\n<p><strong>\u00a0\u00a0\u00a0 &lt;li&gt;&lt;a class=&#8221;menu&#8221; href=&#8221;#&#8221;&gt;Contact Us&lt;\/a&gt;&lt;\/li&gt;\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/strong><\/p>\n<p><strong>\u00a0\u00a0\u00a0 &lt;li&gt;&lt;a class=&#8221;menu&#8221; href=&#8221;http:\/\/www.mywebtricks.com\/2014\/03\/add-active-class-to-navigation-menu.html&#8221;&gt;Read Our Blog&lt;\/a&gt;&lt;\/li&gt;<\/strong><\/p>\n<p><strong>\u00a0 &lt;\/ul&gt;<\/strong><\/p>\n<p><strong>\u00a0\u00a0\u00a0 &lt;\/nav&gt;<\/strong><\/p>\n<p><strong>\u00a0 &lt;\/div&gt;<\/strong><\/p>\n<p><strong>&lt;body&gt;<\/strong><\/p>\n<p>&nbsp;<\/p>\n<h2>CSS Code<\/h2>\n<p>Paste the below code in CSS file:<\/p>\n<p><strong>body{<\/strong><\/p>\n<p><strong>\u00a0 font-sze:14px;<\/strong><\/p>\n<p><strong>}<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p><strong>.container{<\/strong><\/p>\n<p><strong>\u00a0max-width:960px;<\/strong><\/p>\n<p><strong>\u00a0 margin:0 auto;<\/strong><\/p>\n<p><strong>}<\/strong><\/p>\n<p><strong>nav ul li{<\/strong><\/p>\n<p><strong>\u00a0 list-style:none;<\/strong><\/p>\n<p><strong>\u00a0 float:left;<\/strong><\/p>\n<p><strong>\u00a0 padding-right:20px;<\/strong><\/p>\n<p><strong>}<\/strong><\/p>\n<p><strong>nav ul li a{<\/strong><\/p>\n<p><strong>\u00a0 text-decoration:none;<\/strong><\/p>\n<p><strong>\u00a0 color:#222;<\/strong><\/p>\n<p><strong>\u00a0 background-color:#ccc;<\/strong><\/p>\n<p><strong>\u00a0 padding:10px 20px;<\/strong><\/p>\n<p><strong>}<\/strong><\/p>\n<p><strong>.active{<\/strong><\/p>\n<p><strong>\u00a0 background-color:#d90000;<\/strong><\/p>\n<p><strong>\u00a0 color:#fff;<\/strong><\/p>\n<p><strong>}<\/strong><\/p>\n<p>&nbsp;<\/p>\n<h2>JQuery Code<\/h2>\n<p>Paste the below in JQ file:<\/p>\n<p><strong>$(document).ready(function(){<\/strong><\/p>\n<p><strong>\u00a0 $(&#8216;ul li a&#8217;).click(function()<\/strong><\/p>\n<p><strong>\u00a0\u00a0 {<\/strong><\/p>\n<p><strong>\u00a0\u00a0\u00a0 $(&#8216;li a&#8217;).removeClass(&#8220;active&#8221;);<\/strong><\/p>\n<p><strong>\u00a0\u00a0\u00a0 $(this).addClass(&#8220;active&#8221;);<\/strong><\/p>\n<p><strong>\u00a0 });<\/strong><\/p>\n<p><strong>});<\/strong><\/p>\n<p>&nbsp;<\/p>\n<h2><strong>Output:<\/strong><\/h2>\n<p><a href=\"http:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2017\/05\/op.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1351\" src=\"http:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2017\/05\/op.png\" alt=\"Create Active Menu\" width=\"629\" height=\"61\" srcset=\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2017\/05\/op.png 629w, https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2017\/05\/op-300x29.png 300w\" sizes=\"auto, (max-width: 629px) 100vw, 629px\" \/><\/a><\/p>\n\n<div style=\"font-size: 0px; height: 0px; line-height: 0px; margin: 0; padding: 0; clear: both;\"><\/div>","protected":false},"excerpt":{"rendered":"<p>How to Create Active Menu? When we\u2019re creating a\u00a0navigation menu for a website, it\u2019s always good to make it so the visitors or user on the website knows on which page or part of the site he is on. This can be accomplished by adding an \u201cactive class\u201d or \u201ccurrent class\u201d to the menu item [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1348,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22,401,3],"tags":[782,781],"class_list":["post-1347","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html5-css3-courses-in-delhi","category-jquery-2","category-web-designing","tag-create-active-menu","tag-how-to-create-active-menu"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Create Active Menu?<\/title>\n<meta name=\"description\" content=\"How to Create Active Menu?. Learn how you can create active menu which helps you to navigate and to identify on which page your are. The simple code is here\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.sanjaywebdesigner.com\/articles\/how-to-create-active-menu\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create Active Menu?\" \/>\n<meta property=\"og:description\" content=\"How to Create Active Menu?. Learn how you can create active menu which helps you to navigate and to identify on which page your are. The simple code is here\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.sanjaywebdesigner.com\/articles\/how-to-create-active-menu\/\" \/>\n<meta property=\"og:site_name\" content=\"Sanjay Web Designer\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/sanjaywebdesigner\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/sanjay73jain\" \/>\n<meta property=\"article:published_time\" content=\"2017-05-06T11:29:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-05-06T11:33:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2017\/05\/How-to-Create-Active-Menu.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Sanjay Jain\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/sanjaywebdesign\" \/>\n<meta name=\"twitter:site\" content=\"@sanjaywebdesign\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sanjay Jain\" \/>\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:\/\/www.sanjaywebdesigner.com\/articles\/how-to-create-active-menu\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/how-to-create-active-menu\/\"},\"author\":{\"name\":\"Sanjay Jain\",\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/person\/7f15927dca46fba8128eebb678a0ae41\"},\"headline\":\"How to Create Active Menu?\",\"datePublished\":\"2017-05-06T11:29:23+00:00\",\"dateModified\":\"2017-05-06T11:33:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/how-to-create-active-menu\/\"},\"wordCount\":342,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/how-to-create-active-menu\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2017\/05\/How-to-Create-Active-Menu.jpg\",\"keywords\":[\"Create Active Menu\",\"How to Create Active Menu?\"],\"articleSection\":[\"HTML5 &amp; CSS3\",\"Jquery\",\"Web Designing\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.sanjaywebdesigner.com\/articles\/how-to-create-active-menu\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/how-to-create-active-menu\/\",\"url\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/how-to-create-active-menu\/\",\"name\":\"How to Create Active Menu?\",\"isPartOf\":{\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/how-to-create-active-menu\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/how-to-create-active-menu\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2017\/05\/How-to-Create-Active-Menu.jpg\",\"datePublished\":\"2017-05-06T11:29:23+00:00\",\"dateModified\":\"2017-05-06T11:33:15+00:00\",\"description\":\"How to Create Active Menu?. Learn how you can create active menu which helps you to navigate and to identify on which page your are. The simple code is here\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.sanjaywebdesigner.com\/articles\/how-to-create-active-menu\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/how-to-create-active-menu\/#primaryimage\",\"url\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2017\/05\/How-to-Create-Active-Menu.jpg\",\"contentUrl\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2017\/05\/How-to-Create-Active-Menu.jpg\",\"width\":600,\"height\":300,\"caption\":\"How to Create Active Menu?\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#website\",\"url\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/\",\"name\":\"Sanjay Web Designer\",\"description\":\"Learn Web Designing &amp; Graphic Designing in Depth\",\"publisher\":{\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#organization\",\"name\":\"Sanjay Web Designer\",\"url\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2021\/08\/cropped-footer-logo-1.png\",\"contentUrl\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2021\/08\/cropped-footer-logo-1.png\",\"width\":240,\"height\":72,\"caption\":\"Sanjay Web Designer\"},\"image\":{\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/sanjaywebdesigner\",\"https:\/\/x.com\/sanjaywebdesign\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/person\/7f15927dca46fba8128eebb678a0ae41\",\"name\":\"Sanjay Jain\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e80a626482bdb2e323343f4f015bc61d8655097da7dd1e684b2e2facb0b8c833?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e80a626482bdb2e323343f4f015bc61d8655097da7dd1e684b2e2facb0b8c833?s=96&d=mm&r=g\",\"caption\":\"Sanjay Jain\"},\"description\":\"I am a graphic and web designer in Delhi and Professional Web and Graphics Designer &amp; Animator. I provide SEO Service in Delhi along with SEO, Web and Graphics Designing Courses training with latest technique.\",\"sameAs\":[\"http:\/\/www.sanjaywebdesigner.com\",\"https:\/\/www.facebook.com\/sanjay73jain\",\"http:\/\/www.linkedin.com\/company\/sanjay-web-designer\",\"https:\/\/x.com\/https:\/\/twitter.com\/sanjaywebdesign\",\"https:\/\/www.youtube.com\/channel\/UCbBRE3GjyAhf1qd6nHg-vQw\",\"http:\/\/sanjaywebdesigner.tumblr.com\/\"],\"url\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/author\/sanjaywe\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Create Active Menu?","description":"How to Create Active Menu?. Learn how you can create active menu which helps you to navigate and to identify on which page your are. The simple code is here","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:\/\/www.sanjaywebdesigner.com\/articles\/how-to-create-active-menu\/","og_locale":"en_US","og_type":"article","og_title":"How to Create Active Menu?","og_description":"How to Create Active Menu?. Learn how you can create active menu which helps you to navigate and to identify on which page your are. The simple code is here","og_url":"https:\/\/www.sanjaywebdesigner.com\/articles\/how-to-create-active-menu\/","og_site_name":"Sanjay Web Designer","article_publisher":"https:\/\/www.facebook.com\/sanjaywebdesigner","article_author":"https:\/\/www.facebook.com\/sanjay73jain","article_published_time":"2017-05-06T11:29:23+00:00","article_modified_time":"2017-05-06T11:33:15+00:00","og_image":[{"width":600,"height":300,"url":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2017\/05\/How-to-Create-Active-Menu.jpg","type":"image\/jpeg"}],"author":"Sanjay Jain","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/sanjaywebdesign","twitter_site":"@sanjaywebdesign","twitter_misc":{"Written by":"Sanjay Jain","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/how-to-create-active-menu\/#article","isPartOf":{"@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/how-to-create-active-menu\/"},"author":{"name":"Sanjay Jain","@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/person\/7f15927dca46fba8128eebb678a0ae41"},"headline":"How to Create Active Menu?","datePublished":"2017-05-06T11:29:23+00:00","dateModified":"2017-05-06T11:33:15+00:00","mainEntityOfPage":{"@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/how-to-create-active-menu\/"},"wordCount":342,"commentCount":0,"publisher":{"@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#organization"},"image":{"@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/how-to-create-active-menu\/#primaryimage"},"thumbnailUrl":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2017\/05\/How-to-Create-Active-Menu.jpg","keywords":["Create Active Menu","How to Create Active Menu?"],"articleSection":["HTML5 &amp; CSS3","Jquery","Web Designing"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.sanjaywebdesigner.com\/articles\/how-to-create-active-menu\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/how-to-create-active-menu\/","url":"https:\/\/www.sanjaywebdesigner.com\/articles\/how-to-create-active-menu\/","name":"How to Create Active Menu?","isPartOf":{"@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/how-to-create-active-menu\/#primaryimage"},"image":{"@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/how-to-create-active-menu\/#primaryimage"},"thumbnailUrl":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2017\/05\/How-to-Create-Active-Menu.jpg","datePublished":"2017-05-06T11:29:23+00:00","dateModified":"2017-05-06T11:33:15+00:00","description":"How to Create Active Menu?. Learn how you can create active menu which helps you to navigate and to identify on which page your are. The simple code is here","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.sanjaywebdesigner.com\/articles\/how-to-create-active-menu\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/how-to-create-active-menu\/#primaryimage","url":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2017\/05\/How-to-Create-Active-Menu.jpg","contentUrl":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2017\/05\/How-to-Create-Active-Menu.jpg","width":600,"height":300,"caption":"How to Create Active Menu?"},{"@type":"WebSite","@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#website","url":"https:\/\/www.sanjaywebdesigner.com\/articles\/","name":"Sanjay Web Designer","description":"Learn Web Designing &amp; Graphic Designing in Depth","publisher":{"@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.sanjaywebdesigner.com\/articles\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#organization","name":"Sanjay Web Designer","url":"https:\/\/www.sanjaywebdesigner.com\/articles\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/logo\/image\/","url":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2021\/08\/cropped-footer-logo-1.png","contentUrl":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2021\/08\/cropped-footer-logo-1.png","width":240,"height":72,"caption":"Sanjay Web Designer"},"image":{"@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/sanjaywebdesigner","https:\/\/x.com\/sanjaywebdesign"]},{"@type":"Person","@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/person\/7f15927dca46fba8128eebb678a0ae41","name":"Sanjay Jain","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e80a626482bdb2e323343f4f015bc61d8655097da7dd1e684b2e2facb0b8c833?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e80a626482bdb2e323343f4f015bc61d8655097da7dd1e684b2e2facb0b8c833?s=96&d=mm&r=g","caption":"Sanjay Jain"},"description":"I am a graphic and web designer in Delhi and Professional Web and Graphics Designer &amp; Animator. I provide SEO Service in Delhi along with SEO, Web and Graphics Designing Courses training with latest technique.","sameAs":["http:\/\/www.sanjaywebdesigner.com","https:\/\/www.facebook.com\/sanjay73jain","http:\/\/www.linkedin.com\/company\/sanjay-web-designer","https:\/\/x.com\/https:\/\/twitter.com\/sanjaywebdesign","https:\/\/www.youtube.com\/channel\/UCbBRE3GjyAhf1qd6nHg-vQw","http:\/\/sanjaywebdesigner.tumblr.com\/"],"url":"https:\/\/www.sanjaywebdesigner.com\/articles\/author\/sanjaywe\/"}]}},"_links":{"self":[{"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/posts\/1347","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/comments?post=1347"}],"version-history":[{"count":0,"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/posts\/1347\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/media\/1348"}],"wp:attachment":[{"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/media?parent=1347"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/categories?post=1347"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/tags?post=1347"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}