メニューのリンクが空の場合はa要素を出力しない｜ Mana Design Lab.

WordPressのメニューに階層を持たせる場合、第1階層にはリンクを貼りたくないことが度々あります。
リンクURLを「#」とかってしてたのですが、違和感があるのでやめました。

メニューのリンクが空の場合はリンクを貼らない

functions.phpに下記を追加

//  メニューのリンクが空の場合はa要素を出力しない
function new_walker_nav_menu_start_el($item_output){
	preg_match_all("|<a>(.*)</a>|", $item_output,$data,PREG_PATTERN_ORDER);
	for($i=0; $i<count($data[0]); $i++){
		$match_data=preg_quote($data[0][$i],'/');
		$item_output = preg_replace('/'.$match_data.'/', $data[1][$i], $item_output);
	}
	return $item_output;
}
add_filter( 'walker_nav_menu_start_el', 'new_walker_nav_menu_start_el');

// メニューのリンクが空の場合はa要素を出力しない

function new_walker_nav_menu_start_el($item_output){

preg_match_all("|<a>(.*)</a>|", $item_output,$data,PREG_PATTERN_ORDER);

for($i=0; $i<count($data[0]); $i++){

$match_data=preg_quote($data[0][$i],'/');

$item_output = preg_replace('/'.$match_data.'/', $data[1][$i], $item_output);

}

return $item_output;

}

add_filter( 'walker_nav_menu_start_el', 'new_walker_nav_menu_start_el');

メニューのリンクが空の場合はリンクを貼らない

関連記事