如何将自定义帖子类型存档添加到菜单

问题描述 投票：0回答：5

我已经寻找了好几个星期了，但仍然没有找到解决这个问题的正确方法。

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

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

作品存档：

/works/

作品单帖：

/works/postname/

到目前为止，我的解决方案是使用模板名称（工作存档）来命名我的 

archive-works.php
模板文件。然后使用该模板创建一个空页面并将该页面添加到菜单中。这会突出显示菜单中的存档，而不是单个帖子。

我可以使用自定义链接和一些 JavaScript 轻松解决此问题，但必须有更好、更干净的方法。

php wordpress wordpress-theming
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' 与该存档菜单项；

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
投票

谢谢

感谢 rasmussvanejensen 她/他提出的好问题和 thethangtran 的答案，我仍然很困惑为什么 Wordpress 还没有默认在其代码库中添加如此好的功能。

顺便说一句，我认为还有比 thethangtran 提供的解决方案更好的解决方案，因为它在某些情况下可能会崩溃。

注1

根据 Codex，使用 register_post_type，可以在安装中添加额外的 

post_type
。有机会，有人需要 更改“query_var”，因此提供的代码将会中断。

注2

此外，它可能无法处理 

current-menu-item
类，该类将用于 css 自定义以将菜单项显示为活动状态。

注3

代码中的另一个注释是，无需定义 

loop_index
、
item
和 
items
变量。它们绝对没用。

更好的解决方案

因此，对于那些想要更强大的解决方案的人来说，我建议使用这种替代方案：

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 );
1
投票

导航到外观 > 菜单；

确保您在屏幕选项中选择了 Works 的自定义帖子类型；

单击自定义帖子类型的名称将其展开，然后单击“查看全部”选项卡；

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

您的自定义帖子类型存档现在将显示为右栏中的菜单项；

默认情况下，标签为“所有作品”。您可以通过在导航标签上编写不同的内容来更改此设置；

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

0
投票

我在 GitHub 上找到了一个解决方案，只需将其添加到 

functions.php
即可开箱即用，无需任何 walkers 或额外的类。

这段代码通过比较当前post类型的slug来解决 与导航项，并相应地添加一个类。

GitHub 上的代码

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.