[WordPress] 外掛分享： Hover Sound

前言介紹

  • 這款 WordPress 外掛「Hover Sound」是 2012-03-06 上架。
  • 目前有 50 個安裝啟用數。
  • 上一次更新是 2012-03-07，距離現在已有 4805 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
  • 外掛最低要求 WordPress 3.3.0 以上版本才可以安裝。
  • 有 1 人給過評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

aueda |

外掛標籤

audio | hover | mouse | sound | cursor |

內容簡介

這個外掛可以讓文章中的 HTML 元素在滑鼠懸停時播放聲音，並在滑鼠移開 HTML 元素時停止播放聲音。

(檔案管理的使用方法)
你可以在文章中使用簡短的代碼（shortcode）來把聲音與 HTML 元素關聯起來。當展示文章時代碼的部分不會被顯示。代碼可以放在文章的任何地方。

詳細說明，請參閱以下網址的文件：
http://tempspace.net/plugins/?page_id=308

(範例)

Google
ABC

[hoversound id=”hr1″ url=”http://example.com/sound1.mp3″]
[hoversound id=”hr2″ url=”http://example.com/sound2.mp3″]
[hoversound id=”hr3″ url=”http://example.com/music1.mp3″ autoload=”false”]

原文外掛簡介

You can introduce the behavior of playing sound by hovering mouse pointer over an HTML element in an article and stopping the sound by moving the mouse pointer away from the HTML element.
(usage of file manager)
You can associate sounds with HTML elements by writing shortcodes in an article. The parts of hortcodes are not displayed when displaying an article. Also you can put shortcodes anywhere in an article.
For more details, please see the document from the following URL:
http://tempspace.net/plugins/?page_id=308
(example)
Google
ABC

[hoversound id=”hr1″ url=”http://example.com/sound1.mp3″]
[hoversound id=”hr2″ url=”http://example.com/sound2.mp3″]
[hoversound id=”hr3″ url=”http://example.com/music1.mp3″ autoload=”false”]

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Hover Sound」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

1.0.0 | trunk |

延伸相關外掛（你可能也想知道）

  • Easy Footnotes 》Easy Footnotes可以透過短碼[efn_note]腳註內容。[/efn_note]在WordPress文章中添加腳註。Easy Footnotes會自動在輸入短碼的地方添加腳註號碼，並將完整的腳...。
  • WC Secondary Product Thumbnail 》WC Secondary Product Thumbnail（WCSPT）為你的 WooCommerce 產品清單上的產品圖像添加了一個懸停效果，以顯示產品的第二個縮略圖。此外，此外掛還可以顯示...。
  • Simple Colorbox 》這個外掛可以輕鬆地將簡單的 Colorbox 套用到你的圖片連結上。這個外掛旨在成為一種易於使用的選擇，作為其他燈箱/Colorbox 的替代方案。, 不像大多數具有相...。
  • Extensions for Leaflet Map 》這個 WordPress 外掛擴充了 Leaflet Map，並增加了 Leaflet 插件和其他功能。, 使用的 Leaflet 插件與元素, , leaflet-elevation、Leaflet.i18n：具備高程概...。
  • Hover Image 》注意：版本 1.4 用戶請更新到最新版本！, Hover Image 讓你可以在 WordPress 文章和頁面中添加懸停圖片。, 只需使用簡碼 [himage] [/himage]，並放置兩個圖片...。
  • Hover Image Button 》使用背景圖片和純 CSS3 的動畫效果創建可適應手機的按鈕。當用戶將滑鼠懸停在按鈕上方時，會顯示按鈕標題和子標題。建議用於頁面或區域鏈接。, 自定義背景懸...。
  • JS Image Zoom by csomorelwood 》使用方法：, 只需在圖像包裹容器中加入「csomor-image-zoom」的 class，神奇的效果就會自動出現。。
  • jQuery Hover Footnotes 》JQuery Hover Footnotes 可讓您新增帶有自定義修飾符號的腳註，然後在懸停時動態顯示它們。因此，您可以輕鬆地將腳註添加到文章中，只需使用修飾符號包圍它們...。
  • Image Hover Effects For WooCommerce Products 》「Image Hover effects for WooCommerce products」是一個使用純 CSS3 動畫效果的圖片動態生成外掛程式，你只需要在外掛程式設定中選擇產品類別，它就會展示...。
  • Simple Hover Box for WP Bakery Page Builder 》這個外掛程式需要 WP Bakery Page Builder 外掛才能使用！, 它將在 VC 中創建簡單的滑鼠懸停小部件，您可以使用文字和圖像。, 注意：, 這是全新版本，不兼容...。
  • Blur Text 》使用短碼 [blur][/blur] 來模糊文字。, 例如：, [blur]這個文字會被模糊[/blur], 您也可以選擇在使用者點擊或懸停時取消模糊。, 以下是可用的短碼範例：, [bl...。
  • Image Hover Effects for Elementor 》Image hover effects for Elementor 是一個獨立的 Elementor 頁面建構器外掛，內含一些免費和付費效果。所有效果都能在各種設備上完全適應大小，並且應用了觸...。
  • WP Glossary Hover 》WP Glossary Hover 可以為使用者自定義詞彙詞語添加有用的工具提示。當滑鼠游標移動到詞語上時，該詞語就會被突出顯示，同時顯示其定義。, 功能, , 只突出顯...。
  • Image Magnify Glass – Gutenberg Image Block 》這是一個簡單的外掛，可為 Gutenberg 圖片區塊新增滑鼠懸停縮放功能。, 示範, 專業版, , , 可設定放大鏡的寬度和高度, , , 可調整鏡片形狀 [圓形 – 正...。
  • SS Link Hover Effect 》這個外掛可以在滑鼠懸停在文字連結或錨點連結上時，產生少量的特效和動畫。。

文章
Filter
Apply Filters
Close
Mastodon