使用簡碼在WordPress文章或頁面中插入一個菜單

WordPress 3.0+ 有一個自定義菜單功能，你可以很方便地添加和設置導航菜單。關於自定義菜單，建議先閱讀以下文章：

WordPress導航菜單函數register_nav_menus() 和 wp_nav_menu()

WordPress入門 之 設置導航菜單

比如我們通過下面的代碼註冊瞭上圖所示的3個菜單

1
2
3
4
5
6
7
8
9
10
11

//註冊自定義菜單
add_action( 'init', 'my_custom_menus' );
function my_custom_menus() {
	register_nav_menus(
		array(
			'top-menu' => __( 'Top Menu Navigation'),
			'foot-menu' => __( 'Footer Menu'),
			'foot-link' => __( 'Footer Link')
		)
	);
}

//註冊自定義菜單
add_action( ‘init’, ‘my_custom_menus’ );
function my_custom_menus() {
register_nav_menus(
array(
‘top-menu’ => __( ‘Top Menu Navigation’),
‘foot-menu’ => __( ‘Footer Menu’),
‘foot-link’ => __( ‘Footer Link’)
)
);
}

如果你想要在某篇文章或者頁面調用這寫菜單，可以通過簡碼實現。

先在主題的 functions.php 文件，添加下面的代碼：

1
2
3
4
5
6

//通過簡碼調用菜單
function print_menu_shortcode($atts, $content = null) {
	extract(shortcode_atts(array( 'name' => null, ), $atts));
	return wp_nav_menu( array( 'menu' => $name, 'echo' => false ) );
}
add_shortcode('menu', 'print_menu_shortcode');

//通過簡碼調用菜單
function print_menu_shortcode($atts, $content = null) {
extract(shortcode_atts(array( ‘name’ => null, ), $atts));
return wp_nav_menu( array( ‘menu’ => $name, ‘echo’ => false ) );
}
add_shortcode(‘menu’, ‘print_menu_shortcode’);

然後在發佈文章或頁面時，添加下面的代碼就可以調用菜單：

1

[menu name="foot-link"]

[menu name="foot-link"]

上面的代碼就是調用foot-link這個菜單的。