【问题标题】:How to add custom post type archive to menu如何将自定义帖子类型存档添加到菜单
【发布时间】:2014-01-02 08:59:14
【问题描述】:

我已经搜索了几个星期,但仍然没有找到解决这个问题的合适方法。

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

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

作品存档:/works/

作品单发:/works/postname/

到目前为止,我的解决方案是使用模板名称(工作存档)命名我的 archive-works.php 模板文件。然后使用该模板创建一个空页面并将该页面添加到菜单中。这会突出显示菜单中的存档,而不是单个帖子。

我可以通过自定义链接和一些 javascript 轻松解决此问题,但必须有更好、更简洁的方法。

【问题讨论】:

  • 这解决了您的问题吗?如果问题解决了,请考虑接受并支持我的回答。

标签: wordpress wordpress-theming


【解决方案1】:

你可以在你的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'

【讨论】:

  • 谢谢你成功了,但我仍然想知道为什么这不容易实现。
  • 谢谢!到目前为止我搜索过的所有最简单的解决方案。使用它并且工作!
  • 您能否添加一张有关如何添加菜单类的图片,因为在我的 CPT 为 services 的情况下,我制作了 archive-services.php 并添加了带有 http://localhost/project/services 的自定义链接菜单并添加了一个菜单类services-menu-item,但它没有任何意义,而且不工作,恐怕。 :(
  • 您先生真棒。非常感谢。
  • 登录后投票! :) 易于扩展的分层分类方法。谢谢!
【解决方案2】:

导航到外观 > 菜单;

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

点击您的自定义帖子类型的名称将其展开,然后点击“查看全部”标签;

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

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

默认情况下,标签将是“所有作品”。你可以通过在导航标签上写一些不同的东西来改变它;

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

【讨论】:

    【解决方案3】:

    谢谢

    感谢 rasmussvanejensen 提出了她/他的好问题和 thethangtran 的答案,我仍然很困惑为什么 Wordpress 尚未在其代码库中添加如此好的功能默认情况下。

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

    注 1

    根据 Codex,使用 register_post_type,可以在安装中添加额外的 post_types。有机会,有人需要change the 'query_var',因此提供的代码会中断。

    注2

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

    注3

    作为代码的另一个注释,不需要定义loop_indexitemitems 变量。它们绝对没用。

    更好的解决方案

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

    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 );
    

    【讨论】:

    • 这是一项可观的工作。可以对分类进行更多过滤吗?
    【解决方案4】:

    要在菜单中添加“自定义 posttype 存档链接”,请查看以下指南

    • 打开文件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;
      }
      

    【讨论】:

      【解决方案5】:

      我在 GitHub 上找到了一个解决方案,只需将其添加到 functions.php 即可开箱即用,无需任何步行者或额外的课程。

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

      Code on GitHub

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2016-05-19
        • 2015-01-07
        • 2019-02-14
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2021-02-09
        相关资源
        最近更新 更多