如何将自定义文章类型归档添加到菜单

20

我已经搜索了几周,但仍然没有找到解决这个问题的正确方法。

我正在编写一个WordPress主题。我有一个名为Works的自定义文章类型。我想将我的Works归档添加到菜单中,并在访问它们时突出显示它及其帖子。

我可以通过以下链接访问我的归档和帖子:

Works归档:/works/

Works单篇文章:/works/postname/

我目前的解决方案是为名为archive-works.php的模板文件命名一个模板名称(Work archive)。然后创建一个使用该模板的空页面,并将该页面添加到菜单中。这将突出显示菜单中的归档但未突出显示单篇文章。

我可以轻松通过自定义链接和一些JavaScript来解决这个问题,但肯定会有更好、更干净的方法。


这解决了你的问题吗?如果问题已经解决,请考虑接受并点赞我的答案。 - Peyman Mohamadpour
5个回答

16

你可以在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;
}

在您的情况下,您只需要通过管理面板向存档菜单项添加一个类'works-menu-item';


谢谢,这解决了问题,但我仍然想知道为什么这不容易实现。 - rasmussvanejensen
3
谢谢!到目前为止,我在谷歌上搜索过的所有方案中,这是最简单的解决方案。我使用了它,它有效! - Skyzer
请问您能否添加一张图片来说明如何添加菜单类?因为在我的情况下,CPT 是“services”,我创建了“archive-services.php”并添加了一个自定义链接菜单,链接为“http://localhost/project/services”,并添加了一个菜单类“services-menu-item”,但这没有任何意义,也不起作用,我很担心。:( - Mayeenul Islam
1
你真是太聪明了。非常感谢你。 - Zeno Popovici
1
已登录以进行投票! :) 易于扩展层次分类法方法。谢谢! - BasTaller

15

要将“自定义文章类型归档链接”添加到菜单中,请查看以下指南

  • 打开文件 functions.php ,并输入下面的代码

add_action('admin_head-nav-menus.php', 'wpclean_add_metabox_menu_posttype_archive');

function wpclean_add_metabox_menu_posttype_archive() {
add_meta_box('wpclean-metabox-nav-menu-posttype', __('Custom Post Type Archives'), 'wpclean_metabox_menu_posttype_archive', 'nav-menus', 'side', 'default');
}

function wpclean_metabox_menu_posttype_archive() {
$post_types = get_post_types(array('show_in_nav_menus' => true, 'has_archive' => true), 'object');

if ($post_types) :
    $items = array();
    $loop_index = 999999;

    foreach ($post_types as $post_type) {
        $item = new stdClass();
        $loop_index++;

        $item->object_id = $loop_index;
        $item->db_id = 0;
        $item->object = 'post_type_' . $post_type->query_var;
        $item->menu_item_parent = 0;
        $item->type = 'custom';
        $item->title = $post_type->labels->name;
        $item->url = get_post_type_archive_link($post_type->query_var);
        $item->target = '';
        $item->attr_title = '';
        $item->classes = array();
        $item->xfn = '';

        $items[] = $item;
    }

    $walker = new Walker_Nav_Menu_Checklist(array());

    echo '<div id="posttype-archive" class="posttypediv">';
    echo '<div id="tabs-panel-posttype-archive" class="tabs-panel tabs-panel-active">';
    echo '<ul id="posttype-archive-checklist" class="categorychecklist form-no-clear">';
    echo walk_nav_menu_tree(array_map('wp_setup_nav_menu_item', $items), 0, (object) array('walker' => $walker));
    echo '</ul>';
    echo '</div>';
    echo '</div>';

    echo '<p class="button-controls">';
    echo '<span class="add-to-menu">';
    echo '<input type="submit"' . disabled(1, 0) . ' class="button-secondary submit-add-to-menu right" value="' . __('Add to Menu') . '" name="add-posttype-archive-menu-item" id="submit-posttype-archive" />';
    echo '<span class="spinner"></span>';
    echo '</span>';
    echo '</p>';

endif;
}

9

感谢

感谢提出的好问题和给出的答案,但我仍然困惑为什么WordPress还没有将这样一个好的功能默认添加到其代码库中。

顺便说一句,我认为甚至有比由提供的更好的解决方案,因为它可能在某些情况下出现故障。

注1

根据Codex,使用register_post_type,可以向安装中添加额外的 post_types。有机会,有人需要更改“query_var”,因此提供的代码将会出现问题。

注2

此外,它可能无法处理current-menu-item类,该类将用于CSS自定义以显示菜单项为活动状态。

注3

关于代码的另一个说明是,无需定义loop_index itemitems变量。他们是绝对没用的。

更好的解决方案

因此,我建议对于那些希望在此方面获得更强大的解决方案的人使用此替代方案:

function prefix_add_metabox_menu_posttype_archive(){
  add_meta_box( 'prefix_metabox_menu_posttype_archive', __( 'Archives' ), 'prefix_metabox_menu_posttype_archive', 'nav-menus', 'side', 'default' );
}
add_action( 'admin_head-nav-menus.php', 'prefix_add_metabox_menu_posttype_archive' );

function prefix_metabox_menu_posttype_archive(){
  $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->name );
      $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() );?>
    <div id="cpt-archive" class="posttypediv">
      <div id="tabs-panel-cpt-archive" class="tabs-panel tabs-panel-active">
        <ul id="ctp-archive-checklist" class="categorychecklist form-no-clear"><?php
        echo walk_nav_menu_tree( array_map( 'wp_setup_nav_menu_item', $post_types ), 0, (object) array( 'walker' => $walker ) );?>
        </ul>
      </div>
    </div>
    <p class="button-controls">
      <span class="add-to-menu">
        <input type="submit"<?php disabled( $nav_menu_selected_id, 0 ); ?> class="button-secondary submit-add-to-menu" value="<?php esc_attr_e( 'Add to Menu' ); ?>" name="add-ctp-archive-menu-item" id="submit-cpt-archive" />
      </span>
    </p><?php

  }

}

function prefix_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;

}
add_filter( 'wp_get_nav_menu_items', 'prefix_cpt_archive_menu_filter', 10, 3 );

这是值得赞赏的工作。它能进一步按分类进行过滤吗? - Pranav Bhatt

1

导航到外观 > 菜单;

确保在屏幕选项中选择了作品的自定义文章类型;

单击您的自定义文章类型的名称以展开它,然后单击“查看全部”选项卡;

您将看到所有作品的选项。勾选旁边的框,然后单击“添加到菜单”按钮;

现在,您的自定义文章类型存档将显示为右列中的菜单项;

默认情况下,标签将是“所有作品”。您可以通过在“导航标签”处编写不同的内容来更改此内容;

单击“保存菜单”按钮以保存更改。


0

我在GitHub上找到了一个解决方案,只需将其添加到functions.php中,无需任何步行器或额外的类即可立即使用。

此代码通过比较当前文章类型的slug与导航项来解决它,并相应地添加类。

GitHub上的代码


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接