ナビメニューのリンクにclassを追加するスニペット
WordPressのナビメニューの各項目にはclassが追加されています。
wp_nav_menu() – Function | Developer.WordPress.org Displays a navigation menu.
多くの場合、Wordpressのナビメニュー内のリンクにはclassが付いていません。
ナビメニュー内のリンクと記事内のリンクをCSSで簡単に区別するためにclassが付いていれば便利だと思いました。
単にCSSの記述量が少なくなるメリットしかないのですが、とにかくセレクタの記述を簡単にしたかった。
classは単なる目印なので一律付けるようにします。
<?php
add_filter( 'nav_menu_link_attributes', 'wpse156165_menu_add_class', 10, 3 );
function wpse156165_menu_add_class( $atts, $item, $args ) {
$class = 'menu-link'; // or something based on $item
$atts['class'] = $class;
return $atts;
}
参考:https://wordpress.stackexchange.com/questions/156165/add-custom-classes-to-anchor-in-wp-nav-menu
コメントを閉じる
コメント