wordpress自定义菜单修改 给a标签添加class和data的方法-利剑分享-科技生活
利剑分享-科技生活-利剑分享-科技生活
利剑分享-科技生活

wordpress自定义菜单修改 给a标签添加class和data的方法

wordpress自定义菜单修改 给a标签添加class和data的方法

之前我们有文章介绍了给wordpress菜单a标签增加class的方法,是通过js来实现的,今天给大家分享一个新的方法。

在进行wordpress仿站的时候经常会遇到写的很复杂的菜单,li标签和a标签都有class样式,还有data数据

通过下面的方法就可以轻松给a标签加上class和data数据

首先打开wordpress主题功能函数:function.php

在里面加入下面代码:

function tayuntheme_menu_link_atts( $atts, $item, $args ) {
  $atts['class'] = 'nav-link';
  $atts['data-link-alt'] = $item->title;
  return $atts;}add_filter( 'nav_menu_link_attributes', 'tayuntheme_menu_link_atts', 10, 3 );

对应的nav-link和$item->title 可以根据自己的需要进行修改,这样就可以轻松实现wordpress菜单的调用。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享