建站教程

建站教程

Products

当前位置:首页 > 建站教程 >

WORDPRESS侧边栏的折叠二级菜单的实现(wordpress导航菜单的自定义调用方法)

GG网络技术分享 2025-03-18 16:12 0


WORDPRESS侧边栏的折叠二级菜单的实现

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导航菜单的自定义调用方法

上篇文章我们介绍了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