{"id":638,"date":"2022-02-19T15:06:45","date_gmt":"2022-02-19T09:36:45","guid":{"rendered":"https:\/\/mutesoft.com\/spaces\/tech\/?p=638"},"modified":"2022-02-26T22:31:01","modified_gmt":"2022-02-26T17:01:01","slug":"how-to-add-a-custom-menu-to-wordpress-toolbar","status":"publish","type":"post","link":"https:\/\/mutesoft.com\/spaces\/tech\/how-to-add-a-custom-menu-to-wordpress-toolbar.html","title":{"rendered":"How To Add A Custom Menu To WordPress Toolbar?"},"content":{"rendered":"\n

The admin toolbar in WordPress is a powerful way of quickly accomplishing tasks. The toolbar visibility option is customizable for each user from the edit user page. I recommend you enable this to perform tasks seamlessly and avoid endless switches between the site and admin area.<\/p>\n\n\n\n

\"Enable
Enable toolbar for a user from edit user page<\/figcaption><\/figure><\/div>\n\n\n\n

The toolbar includes the basic and frequently used navigation options, such as New Post<\/strong>, Edit Post<\/strong>, Comments<\/strong>, a drop-down menu for View Site<\/strong>, Edit Site<\/strong>, etc. Depending on plugins installed, you may see more options in the toolbar such as SEO<\/strong>. While the default options are good for most of the users, some more custom menu options to the toolbar might be helpful to be more productive. <\/p>\n\n\n\n

\"Default
Default toolbar<\/figcaption><\/figure><\/div>\n\n\n\n

For a long time, I was missing a menu option that allows me to view quickly my current drafts and start editing the most important ones. For this, I had to first go to the Dashboard, open Posts, and then apply the Drafts<\/strong> filter. To simplify this, I added a new menu option named Draft<\/strong> to the toolbar. In this article, I’ll show the steps for adding custom menu options to link a page within the site or any external link.<\/p>\n\n\n\n

Add Drafts Menu To Toolbar<\/h2>\n\n\n\n

Open the theme editor using the navigation Themes >> Theme File Editor<\/code>, select the current theme from the drop-down, and open the file functions.php<\/code> for editing. Add the following code block add the top of the file.<\/p>\n\n\n\n

function add_toolbar_items($wp_admin_bar) {\n    $wp_admin_bar->add_node( array(\n    'id'    => 'drafts',\n    'title' => 'Drafts',\n    'href'  => site_url('wp-admin\/edit.php').'?post_status=draft&post_type=post',\n  ) );\n}\n\nadd_action('admin_bar_menu', 'add_toolbar_items', 40);<\/pre>\n\n\n\n
In the configuration, provide a unique identifier to the menu, add a title for display in the toolbar and add a link that will be opened when the menu is clicked. The last parameter is the priority of the menu that determines where WordPress will place the menu. Use a very high value, such as 1000, to place it at the end of the toolbar. Here is the screenshot of the toolbar with the new menu named Drafts<\/strong>. You may add more such menus to the toolbar by following this process.<\/p>\n\n\n\n
\"\"
Toolbar with the custom menu Drafts<\/figcaption><\/figure><\/div>\n\n\n\n
In case you get errors like the following, while saving the file, use FTP\/SFTP to transfer the updated file to the server. The path of functions.php<\/code> in the server would be <root_wordpress_folder>\/wp-content\/themes\/<theme_name>\/functions.php<\/code>.<\/p>\n\n\n\n
Unable to communicate back with site to check for fatal errors, so the PHP change was reverted. \nYou will need to upload your PHP file change by some other means, such as by using SFTP.<\/pre>\n\n\n\n
Note that WordPress discourages direct modification of theme files since the theme upgrades might break your site. You may create a child theme of the current theme and proceed with the editing.<\/p>\n","protected":false},"excerpt":{"rendered":"
The admin toolbar in WordPress is a powerful way of quickly accomplishing tasks. The toolbar visibility option is customizable for each user from the edit user page.<\/p>\n","protected":false},"author":2,"featured_media":656,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"The admin toolbar in WordPress is a powerful way of quickly accomplishing tasks. The toolbar visibility option is customizable for each user from the edit user page.","_seopress_robots_index":"","_vp_format_video_url":"","_vp_image_focal_point":[],"footnotes":""},"categories":[9],"tags":[13,7,25],"class_list":["post-638","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-productivity","tag-customization","tag-productivity","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/mutesoft.com\/spaces\/tech\/wp-json\/wp\/v2\/posts\/638","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mutesoft.com\/spaces\/tech\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mutesoft.com\/spaces\/tech\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mutesoft.com\/spaces\/tech\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mutesoft.com\/spaces\/tech\/wp-json\/wp\/v2\/comments?post=638"}],"version-history":[{"count":11,"href":"https:\/\/mutesoft.com\/spaces\/tech\/wp-json\/wp\/v2\/posts\/638\/revisions"}],"predecessor-version":[{"id":728,"href":"https:\/\/mutesoft.com\/spaces\/tech\/wp-json\/wp\/v2\/posts\/638\/revisions\/728"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mutesoft.com\/spaces\/tech\/wp-json\/wp\/v2\/media\/656"}],"wp:attachment":[{"href":"https:\/\/mutesoft.com\/spaces\/tech\/wp-json\/wp\/v2\/media?parent=638"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mutesoft.com\/spaces\/tech\/wp-json\/wp\/v2\/categories?post=638"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mutesoft.com\/spaces\/tech\/wp-json\/wp\/v2\/tags?post=638"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}