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

时间:2014-01-02 08:59:14

标签: wordpress wordpress-theming

我一直在寻找几个星期,但我仍然没有找到解决这个问题的正确方法。

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

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

工作档案:/works/

单一帖子:/works/postname/

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

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

5 个答案:

答案 0 :(得分:15)

你可以在你的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'和该存档菜单项;

答案 1 :(得分:14)

添加"自定义帖子类型存档链接"到菜单,请查看以下指南

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

答案 2 :(得分:8)

感谢

感谢 rasmussvanejensen 提出了她/他的好问题以及 thethangtran 的答案,我仍然感到困惑,为什么Wordpress还没有为其代码库添加如此好的功能默认情况下。

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

注1

根据Codex,使用register_post_type,可以为安装添加额外的post_type。有机会,有些人需要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 );

答案 3 :(得分:0)

导航到外观>菜单;

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

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

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

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

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

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

答案 4 :(得分:0)

我在 GitHub 上找到了一个解决方案,它开箱即用,只需将其添加到 functions.php 中,无需任何 walker 或额外的类。

<块引用>

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

Code on GitHub

相关问题