WordPress Mega超級大菜單插件Ubermenu

Ubermenu 是一個用户友好的、可高度定製響應式的 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 才慢慢的上手,瞭解到各個不同的菜單的設置方法,所以今後會單獨的介紹一些菜單項目的設置方法。