私はカスタムメニューからナビゲーションメニュー項目を除外/削除する方法についての情報を探してみました、そして私が見つけた唯一の thread は私にとって有益な答えを持っていませんでした。
1.背景:
私のサイトでWPカスタムメニュー(wp_nav_menu)と jqDock を使ってDockメニューをまとめました。 jqDockはその魔法を働かせるために連続的な画像または画像リンクを必要とするので、ナビゲーションメニューのHTML出力がこのように滑らかに見えるようにカスタムウォーカーを使用します。
<div id="menu-first" class="nav">
<a><img src="http://path/to/image-1.png"/></a>
<a><img src="http://path/to/image-2.png"/></a>
<a><img src="http://path/to/image-3.png"/></a>
etc...
</div>
私のカスタムウォーカーのコードは次のとおりです。
class custom_nav_walker extends Walker_Nav_Menu
{
var $tree_type = array( 'post_type', 'taxonomy', 'custom' );
var $db_fields = array( 'parent' => 'menu_item_parent', 'id' => 'db_id' );
function start_lvl(&$output, $depth) {
$indent = str_repeat("\t", $depth);
$output .= "\n$indent<ul class=\"sub-menu\">\n";
}
function end_lvl(&$output, $depth) {
$indent = str_repeat("\t", $depth);
$output .= "$indent</ul>\n";
}
function start_el(&$output, $item, $depth, $args) {
global $wp_query;
$indent = ( $depth ) ? str_repeat( "\t", $depth ) : '';
$class_names = $value = '';
$classes = empty( $item->classes ) ? array() : (array) $item->classes;
$classes[] = 'menu-item-' . $item->ID;
$class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item, $args ) );
$class_names = ' class="' . esc_attr( $class_names ) . '"';
$id = apply_filters( 'nav_menu_item_id', 'menu-item-'. $item->ID, $item, $args );
$id = strlen( $id ) ? ' id="' . esc_attr( $id ) . '"' : '';
//$output .= $indent . '<li' . $id . $value . $class_names .'>';
$attributes = ! empty( $item->attr_title ) ? ' title="' . esc_attr( $item->attr_title ) .'"' : '';
$attributes .= ! empty( $item->target ) ? ' target="' . esc_attr( $item->target ) .'"' : '';
$attributes .= ! empty( $item->xfn ) ? ' rel="' . esc_attr( $item->xfn ) .'"' : '';
$attributes .= ! empty( $item->url ) ? ' href="' . esc_attr( $item->url ) .'"' : '';
$description = ! empty( $item->description ) ? esc_attr( strtolower( $item->description )) : '';
$item_title = ! empty( $item->attr_title ) ? esc_attr( $item->attr_title ) : '';
if ( strpos($description, ';') !== false ) {
$description_array = explode (';', $description);
$image_name = $description_array[0];
$image_alt = $description_array[1];
} else {
$image_name = $description;
$image_alt = $item_title;
}
$item_output = $args->before;
$item_output .= '<a'. $attributes .'>';
$item_output .= $args->link_before .'<img src="'.get_bloginfo('template_url').'/images/skin1/'.$image_name.'" alt="'.$image_alt.'" title="'.$item_title.'" />'.$args->link_after;
$item_output .= '</a>';
$item_output .= $args->after;
$output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
}
function end_el(&$output, $item, $depth) {
$output .= "";
}
}
その後、jqDockスクリプトはメニューID( 'menu-first')を受け取り、wp_nav_menuの出力をDockメニューのものに置き換えます。 DockメニューのHTML出力は、jqDockのロード時に指定されたオプションに基づいて変わります。
2。質問:
ユーザーがサイトのどこにいるかに応じて、特定のメニュー項目を表示しない(つまり除外する)ことを希望します。たとえば、ユーザーがホームにいないときにのみホーム項目を表示し、ユーザーがいるときにのみランダム投稿項目を表示します。
3.解決策を破棄しました:
a。複数のメニュー:複数のメニューを登録して作成し、それらを条件付きで呼び出すとうまくいく可能性があります。しかし、これが理想的でも、クリーンな解決策でもないと多くの理由から思います。また、複数のメニューを保守または更新するのは簡単ではありません。
b。正規表現検索と置換:これは、HTML出力が変更されるため、jqDockオプションを変更するたびにneedleパラメータを変更するように強制する可能性があります。
c。CSS 'display' property: CSS表示プロパティを通してアイテムを隠すことはできますが、jqDockメニュー出力に適用する必要があるため、メニューの視覚的レンダリングに影響します。
4.失敗した解決策:
a。wp_nav_menu_itemsへのフィルタ: '$ items'変数(文字列)をキャッチし、次のコードを使用して条件タグを介して異なる値を割り当ててみました。
function userf_dynamic_nav_menu ($items) {
$items_array_home = explode('<a', $items);
$items_array_nothome = $items_array_home;
unset($items_array_home[1]);
unset($items_array_nothome[2]);
$items_home = implode('<a', $items_array_home);
$items_nothome = implode('<a', $items_array_nothome);
if ( is_home() ) {
$items = $items_home;
} else {
$items = $items_nothome;
}
return $items;
}
add_filter('wp_nav_menu_first_items', 'userf_dynamic_nav_menu');
メニュー項目は変更されますが、コンディショナルタグは無視されるため、これは部分的にしか機能しません。私はこれがフィルタが適用される瞬間のために理にかなっていると思います。
b。カスタムナビゲーションメニュー関数:$ defaults配列にexclude引数を追加し、追加引数を設定するためにwp_list_pages
から少し変更したコードを使用できるように、独自のカスタムナビゲーションメニュー関数を作成してみました。
$exclude_array = ( $args->exclude ) ? explode(',', $args->exclude) : array();
$args->exclude = implode( ',', apply_filters('wp_nav_menu_excludes', $exclude_array) );
何か案は?
カスタムWalkerにコンストラクタを追加して、次のようにいくつかの追加の除外引数を格納できます。
class custom_nav_walker extends Walker_Nav_Menu {
function __construct( $exclude = null ) {
$this->exclude = $exclude;
}
function skip( $item ) {
return in_array($item->ID, (array)$this->exclude);
// or
return in_array($item->title, (array)$this->exclude);
// etc.
}
// ...inside start_el, end_el
if ( $this->skip( $item ) ) return;
}
または、コンストラクターをドロップしてウォーカーとして渡す前に、その$exclude
プロパティをwp_nav_menu()
に設定します。
$my_custom_nav_walker = new custom_nav_walker;
$my_custom_nav_walker->exclude = array( ... );
あなたが除外しているものに応じて、正しいフォームを除外に提供してください。
これがwp_get_nav_menu_items
フィルタにフックすることによってこれを行う方法です。
function wpse31748_exclude_menu_items( $items, $menu, $args ) {
// Iterate over the items to search and destroy
foreach ( $items as $key => $item ) {
if ( $item->object_id == 168 ) unset( $items[$key] );
}
return $items;
}
add_filter( 'wp_get_nav_menu_items', 'wpse31748_exclude_menu_items', null, 3 );
注:object_id
はメニューが指すオブジェクトですが、ID
はメニューIDですが、これらは異なります。
あなたの考えを聞かせてください。
これは役立ちますか
$exclude_array = ( $args->exclude ) ? explode(',', $args->exclude) : array();
$args->exclude = implode( ',', apply_filters('wp_nav_menu_excludes', $exclude_array) );
例として
< ?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary', 'exclude' => '66' ) ); ?>