WordPress添加自定义文章类型的存档页面到菜单

发布时间:

如果你的网站使用了自定义文章类型,你可能需要将它的存档页面添加到导航菜单,虽然你可以使用“链接”来添加:

 

WordPress添加自定义文章类型的存档页面到菜单
但是这样添加的链接有一个弊端:访问这个自定义文章类型下的页面时,没办法高亮这个菜单项。

其实,最好的效果就是在菜单备选中罗列已有的自定义文章类型,然后可以选择添加至菜单:

 

WordPress添加自定义文章类型的存档页面到菜单
要实现这个功能,将下面的代码添加到主题的 functions.php :

if( !class_exists(\'CustomPostTypeArchiveInNavMenu\') ) {
 class CustomPostTypeArchiveInNavMenu {
 function CustomPostTypeArchiveInNavMenu() {
 add_action( \'admin_head-nav-menus.php\', array( &$this, \'cpt_navmenu_metabox\' ) );
 add_filter( \'wp_get_nav_menu_items\', array( &$this,\'cpt_archive_menu_filter\'), 10, 3 );
 }
 function cpt_navmenu_metabox() {
 add_meta_box( \'add-cpt\', __(\'自定义文章类型存档\'), array( &$this, \'cpt_navmenu_metabox_content\' ), \'nav-menus\', \'side\', \'default\' );
 }
 function cpt_navmenu_metabox_content() {
 $post_types = get_post_types( array( \'show_in_nav_menus\' => true, \'has_archive\' => true ), \'object\' );
 if( $post_types ) {
 foreach ( $post_types as &$post_type ) {
 $post_type->classes = array();
 $post_type->type = $post_type->name;
 $post_type->object_id = $post_type->name;
 $post_type->title = $post_type->labels->name . __( \'存档\' );
 $post_type->object = \'cpt-archive\';
 }
 $walker = new Walker_Nav_Menu_Checklist( array() );
 echo \'<div id=\"cpt-archive\" >\';
 echo \'<div id=\"tabs-panel-cpt-archive\" >\';
 echo \'<ul id=\"ctp-archive-checklist\" >\';
 echo walk_nav_menu_tree( array_map(\'wp_setup_nav_menu_item\', $post_types), 0, (object) array( \'walker\' => $walker) );
 echo \'</ul>\';
 echo \'</div><!-- /.tabs-panel -->\';
 echo \'</div>\';
 echo \'<p >\';
 echo \'<span >\';
 echo \'<input type=\"submit\"\' . disabled( $nav_menu_selected_id, 0 ) . \'value=\"\'. __(\'添加至菜单\') . \'\" name=\"add-ctp-archive-menu-item\" id=\"submit-cpt-archive\" />\';
 echo \'<span ></span>\';
 echo \'</span>\';
 echo \'</p>\';
 } else {
 echo \'没有自定义文章类型\';
 }
 }
 function cpt_archive_menu_filter( $items, $menu, $args ) {
 foreach( $items as &$item ) {
 if( $item->object != \'cpt-archive\' ) continue;
 $item->url = get_post_type_archive_link( $item->type );
 if( get_query_var( \'post_type\' ) == $item->type ) {
 $item->classes[] = \'current-menu-item\';
 $item->current = true;
 }
 }
 return $items;
 }
 }
 $CustomPostTypeArchiveInNavMenu = new CustomPostTypeArchiveInNavMenu();
}

通过这个方法添加的自定义文章类型的存档页面,只要是属于这个文章类型的页面,都会自动在菜单中添加一个 current-menu-item:

<li class="current-menu-item"><a href="https://www.xxx.com/questions">问题存档</a></li>

配合 CSS 即可实现当前菜单项的高亮效果:

 

WordPress添加自定义文章类型的存档页面到菜单
如果你在主题或插件开发中使用了自定义文章类型,建议将该功能集成到你的主题和插件中,方便用户使用。