首页 > wordpress教程 > 怎样给worpdress主题增加下拉菜单制作方法
摘要:下拉菜单目前已经是各wordpress主题必备功能,但是少量的自用主题还是却少此功能,未对wordpress主题菜单下拉...

下拉菜单目前已经是各wordpress主题必备功能,但是少量的自用主题还是却少此功能,未对wordpress主题菜单下拉功能进行延展,那下面的教程会详细给大家讲解wp主题菜单的制作完成方法,希望对各位wp企业主题站长有帮助。

第一添加注册菜单函数
找到wp主题的functions.php文件,复制以下代码,如果你的网站已经有菜单功能可以省略本步骤。

第二wordpress菜单调用
添加完成注册菜单函数后,需要在前端输入结果,我们需要用到以下代码

第三WordPress的菜单的HTML代码
下面是一个简单的wp菜单代码示例,,ul li 标签里面再嵌套一个ul li 标签,这个嵌套的ul标签有一个class:sub-menu,意味着这个是一个二级菜单。

第四WordPress的菜单CSS样式代码
首先,在网页加载的时候,二级菜单应该是隐藏的,不显示的,那么在CSS里面控制,位置为绝对位置。

当鼠标指向父菜单时,它的二级菜单就会显示出来了,也是通过CSS来控制下拉效果的。

分享到:
赞(1) 打赏

作者: 大挖酱

挖主题团队自2014年开始专注于WordPress企业主题设计开发,致力于为更多用户打造出更漂亮、更易用、更专业的网站。距今已累计开发近50款WP主题,付费客户超过5千人。挖主题,是您可以长期信赖的合作伙伴。

付款后联系作者QQ 2243748

支付宝扫一扫

微信扫一扫