[WordPress] 外掛分享: Genesis Accessible Dropdown Menu

首頁外掛目錄 › Genesis Accessible Dropdown Menu
⚠ 此外掛已下架 — 不再更新維護,建議勿安裝。
100+
安裝啟用
尚無評分
3898 天前
最後更新
問題解決
WordPress 3.0+ v1.0 上架:2013-09-12

內容簡介

自從 Genesis 2.0 版本起,SuperFish 已經停用於 HTML5 安裝模式。
此外掛可補上下拉選單的鍵盤存取性。

這是 Amy Hendrix 和 Graham Armfield 的「Keyboard Accessible Dropdown Menus Plugin」的修改版:
原始碼位於 http://github.com/sabreuse/accessible-menus 及 https://wordpress.org/plugins/accessible-dropdown-menus/

修改:

更換內嵌樣式為單獨樣式表。
更改 JavaScript 和 CSS 以符合 Genesis 2.0 的類別引用。

當連結被滑鼠懸停或聚焦時,JavaScript 會在 li.menu-item 加入 wpacc-hover 類別。
CSS wpacc-hover 則將 ul.submenu 從

left: -9999px;
opacity: 0;

更改為:

left: auto;
opacity: 1;

已測試過 Genesis Framework 版本 2.0.1。

本外掛僅適用於 Genesis Framework 2.0 及以上版本。

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.0) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Genesis Accessible Dropdown Menu」→ 直接安裝(推薦)

原文外掛簡介

Since Genesis version 2.0 SuperFish has been deprecated for HTML5 installs.
This plugin adds the missing keyboard accessibility for the dropdown menu’s again.
This is a modified version of the Keyboard Accessible Dropdown Menus Plugin by Amy Hendrix and Graham Armfield
Original code at http://github.com/sabreuse/accessible-menus and https://wordpress.org/plugins/accessible-dropdown-menus/
Modified: – included separate stylesheet in stead of inline style
– changed javascript and CSS to fit Genesis 2.0 class-references
The JavaScript adds the class wpacc-hover to the li.menu-item of a link on hover or focus
The CSS wpacc-hover changes the ul.submenu from
left: -9999px;
opacity: 0;
into
left: auto;
opacity: 1;
Tested with the Genesis Framework version 2.0.1
This plugin only works on the Genesis Framework version 2.0 and higher.

延伸相關外掛

文章
Filter
Apply Filters
Mastodon