WordPressのカスタムメニュー(wp nav menu)で囲まれている<ul>タグを削除・無くす方法

Tweet

238

WordPressでちょっと凝ったメニューを実装しようと思って、ulがあると邪魔になるのでulが無い<li>そのままでカスタムメニューを出力する方法です

カスタムメニューで出力されるタグからulを削除する方法

テーマのfunctions.phpにulを削除するようにフィルターをかける

// Removes ul class from wp_nav_menu
function remove_ul ( $menu ){
    return preg_replace( array( '#^<ul[^>]*>#', '#</ul>$#' ), '', $menu );
}
add_filter( 'wp_nav_menu', 'remove_ul' );

これをテーマのfunctions.phpに加えれば出力されたタグにulが付いていない状態になります
WordPressのコアファイルをテーマのfunctionsから変更してulタグが出力されてないようにしています

参考になったページ
http://wordpress.org/support/topic/remove-the-div-and-ul-tags-from-wp_nav_menu-function

wp nav menu の使い方 wiki
http://wpdocs.sourceforge.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%BF%E3%82%B0/wp_nav_menu

Tweet

短縮URL:

2014年01月21日 WEB制作系 CMS WordPress WordPressテーマ