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

WordPressのカスタムメニュー(wp nav menu)で囲まれているulタグを無くす方法
このエントリーをはてなブックマークに追加
PR

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

PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)