{"id":8653,"date":"2023-03-01T01:11:14","date_gmt":"2023-02-28T19:41:14","guid":{"rendered":"https:\/\/themehunk.com\/?post_type=docs&#038;p=8653"},"modified":"2024-06-14T18:35:54","modified_gmt":"2024-06-14T13:05:54","slug":"adding-title-attribute-in-menu-navigation","status":"publish","type":"docs","link":"https:\/\/themehunk.com\/fr\/docs\/adding-title-attribute-in-menu-navigation\/","title":{"rendered":"Adding title attribute in menu navigation"},"content":{"rendered":"\n<section class=\"wp-block-group menu-navigation has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Adding title attribute in menu navigation<\/h3>\n\n\n\n<h2 class=\"wp-block-heading\">Title Attribute in WordPress<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The purpose of adding title attribute wordpress in the menu navigation is to show the additional information about the page or the link in your site.It enables the web browser to display the title attribute on mouseover. This will allow the user to see where the link will take them before they click on them.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Now follow the below instructions for adding the title attribute in the menu navigation:-<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to Appearance > Menus and click on the \u201cScreen option\u201d tab in the top right corner of the screen.<\/li>\n\n\n\n<li>This will open a menu here click on the check box next to title attribute option.<\/li>\n\n\n\n<li>Now click on any menu structure item. You will see a new field is added to it which is \u201cTitle attribute\u201d.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" fetchpriority=\"high\" decoding=\"async\" width=\"391\" height=\"270\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/02\/screenshot_20170213_001733.png?resize=391%2C270&#038;ssl=1\" alt=\"\" class=\"wp-image-8656\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/02\/screenshot_20170213_001733.png?w=391&amp;ssl=1 391w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/02\/screenshot_20170213_001733.png?resize=300%2C207&amp;ssl=1 300w\" sizes=\"(max-width: 391px) 100vw, 391px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>After this, you will easily add any title attribute text which you want as a title and repeat it for all the menu items of menu navigation.<\/li>\n\n\n\n<li>Click on the save menu button to store your changes and visit your site to see the title attribute displayed as a tooltip.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"687\" height=\"132\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/02\/screenshot_20170213_003152.png?resize=687%2C132&#038;ssl=1\" alt=\"title attribute \" class=\"wp-image-8659\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/02\/screenshot_20170213_003152.png?w=687&amp;ssl=1 687w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/02\/screenshot_20170213_003152.png?resize=300%2C58&amp;ssl=1 300w\" sizes=\"(max-width: 687px) 100vw, 687px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Hope this article will help you for adding this amazing option in your WordPress menu navigation. For more queries related to WordPress visit to our <a href=\"https:\/\/themehunk.com\/fr\/support\/\" target=\"_blank\" rel=\"noreferrer noopener\">support form<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-themehunk-premium-wordpress-theme-amp-plugins-shop wp-block-embed-themehunk-premium-wordpress-theme-amp-plugins-shop\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"ltnPEvFHN1\"><a href=\"https:\/\/themehunk.com\/fr\/docs\/add-custom-menu-theme\/\">Adding Custom menu in Theme<\/a><\/blockquote><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;Adding Custom menu in Theme&#8221; &#8212; ThemeHunk - Premium WordPress Theme &amp; Plugins Shop\" src=\"https:\/\/themehunk.com\/docs\/add-custom-menu-theme\/embed\/#?secret=XWtHdAfdCB#?secret=ltnPEvFHN1\" data-secret=\"ltnPEvFHN1\" width=\"500\" height=\"282\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Adding title attribute in menu navigation Title Attribute in WordPress The purpose of adding title attribute wordpress in the menu navigation is to show the additional information about the page or the link in your site.It enables the web browser to display the title attribute on mouseover. This will allow the user to see where [&hellip;]<\/p>\n","protected":false},"author":7288,"featured_media":0,"template":"","meta":{"footnotes":""},"class_list":["post-8653","docs","type-docs","status-publish","hentry","docscate-custom-code","docstag-link","docstag-menu-navigation","docstag-site","docstag-title-attribute","docstag-wordpress"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/themehunk.com\/wp-json\/wp\/v2\/docs\/8653","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themehunk.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/themehunk.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/themehunk.com\/wp-json\/wp\/v2\/users\/7288"}],"version-history":[{"count":3,"href":"https:\/\/themehunk.com\/wp-json\/wp\/v2\/docs\/8653\/revisions"}],"predecessor-version":[{"id":67911,"href":"https:\/\/themehunk.com\/wp-json\/wp\/v2\/docs\/8653\/revisions\/67911"}],"wp:attachment":[{"href":"https:\/\/themehunk.com\/wp-json\/wp\/v2\/media?parent=8653"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}