您现在的位置是:首页 > 网站制作 > WordpressWordpress
WordPress新手教程:怎么去除导航菜单多余Class
杰帅2023-07-20【Wordpress】人已围观
简介今天给大家介绍一个Wordpress新手教程-怎么去除导航菜单上Class。我们使用WordPress建网站时,网站的导航菜单可以使用以下的调用代码进行生成调用,这样我们就可以在后台控制导航菜单了。
今天给大家介绍一个Wordpress新手教程-怎么去除导航菜单上Class。我们使用WordPress建网站时,网站的导航菜单可以使用以下的调用代码进行生成调用,这样我们就可以在后台控制导航菜单了。
<?php wp_nav_menu(); ?>
但是方便之余还有一个问题,就是生成的导航菜单代码里会有大量没用的Class样式代码,使得代码看起来非常复杂。如下图:

怎么去除这些没用的Class呢?方法很简单,只要在自已使用的模板函数functions.php里面加上以下的代码就可以去除了。
//删除Class选择器
add_filter('nav_menu_css_class', 'my_css_attributes_filter', 100, 1);
add_filter('nav_menu_item_id', 'my_css_attributes_filter', 100, 1);
add_filter('page_css_class', 'my_css_attributes_filter', 100, 1);
function my_css_attributes_filter($var) {
return is_array($var) ? array_intersect($var, array('current-menu-item','current-post-ancestor','current-menu-ancestor','current-menu-parent')) : '';
}
去除后的效果如下图:

Tags:wordpress教程 导航菜单
很赞哦! ()
随机图文
WordPress 页面模板(Page Template)下拉列表不显示的原因及解决方法
WordPress 的自定义页面模板是一个非常强大好用的功能,使用它新建一些静态页面(Page),添加上一些数据调用的函数,再在网页上做一个导航连接到对应的页面就可以实现很多自定义的功wordpress 上传的图片不显示的问题 base64,data:image/gif
wp_reset_postdata 和 wp_reset_query 的作用与区别
什么时候使用wp_reset_query,什么时候用wp_reset_postdata?如何将WordPress文章迁移到Shopify:使用WP All Export插件的完整指南
如果您正在将WordPress网站迁移到Shopify,并希望将文章内容一起迁移,WP All Export插件是一个理想的解决方案。通过这款插件,您可以轻松导出WordPress中的文章,并将其转换为适合Shopify的CSV格式。
文章评论
本站推荐
标签云
猜你喜欢
- WordPress初学者入门教程 [06] WordPress的网页
- WordPress网站应该选择TLS还是SSL 全文详解
- 谷歌Chrome浏览器发布107紧急更新修复高危漏洞
- WordPress博客平台融资3亿美元
- WordPress调用随机文章的五种方法
- WordPress中 previous_post_link 与 next_post_link 函数
- WordPress函数single_tag_title()
- 如何构建 WordPress 古腾堡编辑器块模板
- The7主题11.7.2完美汉化中文版|强大多功能自定义设计WordPress企业主题包含模板 - 搬主题
- 修改wordpress主题函数 优化wordpress载入速度