WordPress Snippet

ワードプレスをカスタマイズしよう

カスタムメニューをロールオーバー可能な画像にする

WordPress3.6で、wp_nav_menu()のアトリビュートを操作するフックが追加されました

簡単なサンプルですが、(クラス名などは読み替えてください)

add_filter( 'nav_menu_link_attributes','nobita_add_attribute', 10, 3 );
 
function nobita_add_attribute( $content,$item, $args ){

 	$content['style']= 'background:url( http://www.tenman.info/images/pen.jpg )';

	return $content;
}

style.css

#menu-header-image .menu-item a:hover{background-position:0 100px;}

工夫をすると、メニュー単位で画像を変更したり、より複雑なコントロールも可能と思います。

  • http://ja.forums.wordpress.org/topic/24702?replies=2#post-65753(b:@source)

[emulsion_relate_posts]