Products
GG网络技术分享 2025-03-18 16:12 0
wordpress侧边栏的折叠二级菜单的实现 。在我们用wordpree的时候,有时候文章的菜单栏导航要给用户非常清晰明了的分类和视野,当我们的侧边栏菜单有二级菜单,而且很多的时候,我们希望把它给折叠起来,这样方便用户查找相关的,有需要的信息,具体的实现效果可看我的页面内容的java思想。
这样的实现效果是安装了下面的一个插件:
NetGo Expandable/Collapsible Menu
之前网上找了很多第三方的插件,很多就是和wordpress的版本不匹配,导致用不了,用JS改的话,又会显得比较麻烦,所以,NetGo Expandable/Collapsible Menu这款插件用起来非常容易,简单,而且高效。
(注:如果要在wordpress中查找其它的折叠菜单的插件,请记得用Collapsible Menu搜索)
NetGo Expandable/Collapsible Menu的使用
1. 安装和启动NetGo Expandable/Collapsible Menu;
这个和安装一般的插件是一样的,这里就不再多说了哈!
2. 建立一个带有二级菜单的菜单;
在wordpress后台的外观,菜单,那里建立一个带有子项目的菜单栏,如下:
3. 在小工具里面调用NetGo Expandable/Collapsible Menu插件;
在wordpress后台的外观,小工具那里,找到了NetGo Expandable/Collapsible Menu,并调用如下:
这样,我们再返回前台看看效果,便可以看到如下的伸缩折叠菜单栏功能了:
现在我们的功能已经完美地完成了,如果有问题,可以留言解决,谢谢阅读!
本文内容来自:wordpress侧边栏的折叠二级菜单的实现 – Break易站
—Author: Arvin Chen —Web Address: www.breakyizhan.com (Break易站)
上篇文章我们介绍了wordpress导航菜单的制作方法,现在给大家详细介绍一下菜单的调用方法.
默认的调用方法,格式固定没法自定义用到网站中去,因为不同的页面会有不同的样式,所以需要有不同的调用方式。
下面提供3种调用方法,相信可以轻松调用到不同的网站模板当中去!
常用的调用方法
<?php wp_nav_menu( array( 'theme_location' => 'head_nav1' ) ); ?>
wordpress菜单输出去除DIV+UL标签
<?php
echo str_replace("</ul></div>", "", ereg_replace("<div[^>]*><ul[^>]*>", "", wp_nav_menu(array('theme_location' => 'head_nav1', 'echo' => false)) ));
?>
wordpress菜单输出去除DIV+UL+LI标签
<?php
echo strip_tags(wp_nav_menu(
array('theme_location' => 'head_nav2',
'container_class' => 'user_menu',
'echo' => false,
'items_wrap' => '%3$s')
), '<a>');
?>
大家可以在网站中灵活使用,修改对应的菜单名称head_nav1进行调用!
Demand feedback