How to add custom post type archive to menu

Question

I have been searching for weeks and I still haven't found a proper solution to this problem.

I am writing a Wordpress Theme. I have a custom post type called Works. I would like to add my Works archive to my menu and have it as well as it's posts highlighted when I access them.

I can access my archive and posts on the following links

Works archive: /works/

Works single post: /works/postname/

My solution so fare have been to name my archive-works.php template file with a template name (Work archive). Then create an empty page using that template and adding the page to the menu. This highlights the archive in the menu but not the single posts.

I can easily solve this with a custom link and some javascript but there must be a better and cleaner way.

Answer 1

You can do a simple trick in your functions.php:

add_filter('nav_menu_css_class', 'current_type_nav_class', 10, 2); function current_type_nav_class($classes, $item) {     // Get post_type for this post     $post_type = get_query_var('post_type');      // Go to Menus and add a menu class named: {custom-post-type}-menu-item     // This adds a 'current_page_parent' class to the parent menu item     if( in_array( $post_type.'-menu-item', $classes ) )         array_push($classes, 'current_page_parent');      return $classes; } 

In your case, you just have to add a class 'works-menu-item' with that archive menu item by the admin panel;