WordPress

WordPress Mega超级大菜单插件Ubermenu

LensNews

Wordpress Mega超级大菜单插件UbermenuUbermenu是一个用户友好的、可高度定制响应式的Wordpress超级大菜单插件,工作原理与Wordpress 3菜单系统类似,强大到可创建任意形式的菜单。

萨龙龙使用Ubermenu也是因为设计它季商城时才开始了解和使用,它季商城首页内容很少,没有调用任何文章、画廊或商品,所以想在菜单中调用这些内容,以让首页保持更新的状态,同时让首页保持简洁的同时更加大气、华丽。

Ubermenu虽说使用简单,但没有语言包,中文版本也是没有的,所以对于英文不好的朋友还是很难驾驭,即使有中文版本,在使用之前也需要学习,而今天我们先介绍下Ubermenu。

一、Ubermenu高级组件

  • Row(行)
  • Column(栏或列)
  • Horizontal Divider(水平分隔线)
  • Custom Content(自定义内容,可以添加任意形式的内容到菜单中,支持HTML、JS和PHP)
  • Tabs Block(TABS选项卡)
  • Dynamic Posts(动态文章,动态的文章列表插入到 菜单中)
  • Dynamic Terms(动态项,动态生成分类/类别的内容)
  • Menu Segment(菜单部分,一个单独的菜单插入菜单树)
  • Widget Area(小工具区域,Ubermenu可以生成边栏,将小工具添加到其中,可以插入到菜单中)

通过以上组件,我们可以为WP创建任意组合的菜单,功能强大到你无法想象。

二、Ubermenu的特点

  • 快速开发大型菜单,内容可以包括页面、文章、分类、自定义链接等任何内容
  • 与Wordpress 3以上版本的系统直接集成,可工作在大多数Wordpress 3菜单的主题上
  • CSS3下拉效果:Shift Up, Slide Down, Fade, or None
  • 可设置点击或是鼠标经过触发
  • 可以轻松把单独的图像或有图像的文章添加到菜单中,也可以使用TimThumb剪裁图像
  • 可以为菜单项目添加描述
  • 可以创建纯图像的菜单
  • 可以为菜单添加自定义字体图标
  • 完美的响应式布局
  • 标准的触摸体验,跨平台触摸支持(包括iOS、Android和Windows 8等)
  • 可为子菜单添加“Close”按钮
  • Tabs选项卡可以面向左,右,顶部或者底部面板的内容

功能实在是太多了,要用列表列出来没法完成,先列出些主要的功能。

三、Ubermenu两部分设置

1、在后台——外观——Ubermenu中是Ubermenu主要的设置面板,控制着Ubermenu影响哪个菜单,以及菜单的基础配置、样式、布局、描述等设置;

2、在后台——外观——菜单中,Ubermenu设置面板隐藏在每一个菜单上面
Wordpress Mega超级大菜单插件Ubermenu
点击“Uber”这个按钮时,将弹出针对当前菜单的一个设置面板,设置选项包括:常规、ICON图标、图片、布局、子菜单、自定义内容等。
Wordpress Mega超级大菜单插件Ubermenu
Ubermenu在菜单上的设置选项,对于前台菜单的显示起到绝对性的作用。

萨龙龙花了两三天时间专门研究了一下Ubermenu才慢慢的上手,了解到各个不同的菜单的设置方法,所以今后会单独的介绍一些菜单项目的设置方法。

Ubermenu演示站点可以查看官方网站,也可以到它季商城进行查看,以后萨龙龙开发的企业站都会添加Ubermenu超级菜单。
它季商城Ubermenu mega菜单演示效果萨龙网络Ubermenu mega菜单演示效果原文地址

()

本文由 远方的雪山 作者:萨龙龙 发表,转载请注明来源!

关键词:, ,
LensNews

热评文章

评论:

12 条评论,访客:0 条,博主:0 条
  1. shaun
    shaun发布于: 

    能设置子菜单按屏幕尺寸全宽吗?

    • 萨龙龙
      萨龙龙发布于: 

      应该是不可以,只能和页面宽度一样宽。

      • shaun
        shaun发布于: 

        我好像看到只能跟导航一样宽,如果导航不是全页面宽的,子菜单做不出跟页面一样宽?

        • 萨龙龙
          萨龙龙发布于: 

          是的,不好定位

  2. 深圳
    深圳发布于: 

    菜单结构栏里没有 uber选项

    • 萨龙龙
      萨龙龙发布于: 

      鼠标放在菜单上就会有UBER一个黑色的图标,点击进去就会弹出面板。

  3. 江北
    江北发布于: 

    求教选项卡里的图片如何设置的,我怎么设置都没调出那些图片来

    • 萨龙龙
      萨龙龙发布于: 

      设置下uber中Image下的Inherit Featured Image选择,默认第一项是不显示,你可以选择其它两项。

      • 江北
        江北发布于: 

        设置了,我把插件翻译过来了,第一项是禁用图像,第二项是指定特定图像,第三项是自动继承,我选的第三项可是不起作用,我是在选项卡下面放的分类目录,文章图片设置的特色图像,文章里面也插入了图像

        • 萨龙龙
          萨龙龙发布于: 

          uber中Image下的Image Size选项有没有选择正确,要显示图片,首要条件是文章中有特色图像,其它的原因是没有,你再看看。

      • 江北
        江北发布于: 

        弄明白了,是在分类目录下再放入ubermenu的工具-文章列表

  4. aunsen
    aunsen发布于: 

    原来是插件做的,这插件可真心牛逼

发表回复