ウィジェットのカスタマイズ

サイドメニューをウィジェットで出すことにしたものの、デフォルトではDIVタグで何重にもくくられていたりLIタグのクラスがうざかったりと、あまりすっきりしません。
ということで、ウィジェットを使いつつそれなりに綺麗なＨＴＭＬを吐き出すようにしてみました。
まずはウィジェットをテーマで使えるようにする。
functions.php

/* サイドバーにウィジェットを追加する */
register_sidebar( array(
    'name' => 'サイドメニュー',
    'id' => 'sideblock',
    'description' => 'サイドバーのブロックです。',
    'before_widget' => '',
    'after_widget' => '',
    'before_title' => '<!--',
    'after_title' => '-->',
) );

このあたりは解説も多いので、詳しいことはパス。
そのままウィジェットを出すなら、次はsidebar.phpにでも

<?php dynamic_sidebar('sideblock'); ?>

と呼び出せば事足ります。参考サイトによっては、ここを「sideblockというウィジェットが作られていたら」とif文を入れる人もいるようです。
本番はここから。functions.phpに、さらに追加します。
元ネタは/wp-includes/nav-menu-template.phpの

	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        ) .'"' : '';

		$item_output = $args->before;
		$item_output .= '<a'. $attributes .'>';
		$item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after;
		$item_output .= '</a>';
		$item_output .= $args->after;

		$output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
	}

これをコピーしてfunctions.phpに貼り付け、ちょちょっと手を入れる。

class sidelink_walker extends Walker_Nav_Menu {
	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>';

		$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        ) .'"' : '';

		$item_output = $args->before;
		$item_output .= '<a'. $attributes .'>';
		$item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after;
		$item_output .= '</a>';
		$item_output .= $args->after;

		$output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
	}
}

1行目、「sidelink_walker」は変更しても問題ありません（というか自由につけられる）が、「Walker_Nav_Menu」の部分は元ネタ名を入れるとこのようなので変更すると危険です。
で、sidebar.phpに先ほど入れたウィジェット呼び出しの部分を外し、代わりに

<?php wp_nav_menu(array(
    'menu'=>'XXXX',
    'container' => ''
    'walker' => new description_walker()
);
?>

とすると、LIタグ部分のＩＤとクラスをごっつり削ったリストタグが吐き出される。
万歳。
ウィジェットでメニューの中はいじりたいが、メニュー自体の順番などは決め打ちしても構わない、という場合に。