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 才慢慢的上手,瞭解到各個不同的選單的設定方法,所以今後會單獨的介紹一些選單專案的設定方法。