web-dev-qa-db-ja.com

メニューにカスタム投稿タイプのアーカイブを追加する方法

私は何週間も探していましたが、それでもこの問題の適切な解決策が見つかりませんでした。

Wordpressテーマを書いています。Worksというカスタム投稿タイプがあります。Worksアーカイブをメニューに追加し、それにアクセスしたときに投稿を強調表示したいのですが。

次のリンクで自分のアーカイブと投稿にアクセスできます

作品アーカイブ：/works/

単一の投稿で動作します：/works/postname/

私の解決策は私にarchive-works.phpテンプレート名のテンプレートファイル（ワークアーカイブ）。次に、そのテンプレートを使用して空のページを作成し、ページをメニューに追加します。これにより、メニューでアーカイブが強調表示されますが、単一の投稿は強調表示されません。

私はカスタムリンクといくつかのJavaScriptでこれを簡単に解決できますが、より良い、よりクリーンな方法が必要です。

wordpresswordpress-theming
21
rasmussvanejensen

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
Reza Mamun

ありがとう

彼女/彼の素敵な質問についてはrasmussvanejensenに、回答についてはthethangtranに感謝します、なぜWordpressがデフォルトでそのような優れた機能をコードベースにまだ追加していないのか、まだ混乱しています。

ところで、私はthethangtranによって提供されるものよりもさらに良い解決策があると思います。

注1

コーデックスによれば、register_post_typeを使用して、インストールにpost_typesを追加できます。可能性はありますが、誰かが 'query_var'を変更 する必要があるため、提供されたコードは壊れます。

注2

さらに、メニュー項目をアクティブとして表示するためのCSSのカスタマイズに使用されるcurrent-menu-itemクラスを処理しない場合があります。

注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 );
9
Pmpr

[外観]> [メニュー]に移動します。

Worksのカスタム投稿タイプが画面オプションで選択されていることを確認してください。

カスタム投稿タイプの名前をクリックして展開し、[すべて表示]タブをクリックします。

All Worksのオプションが表示されます。その隣のチェックボックスをオンにして、[メニューに追加]ボタンをクリックします。

これで、カスタム投稿タイプのアーカイブが右側の列にメニュー項目として表示されます。

デフォルトでは、ラベルは「All Works」になります。これを変更するには、ナビゲーションラベルに別の何かを記述します。

[保存]ボタンをクリックして、変更を保存します。

0
Diogo Bento