如何在 WordPress 插入樂譜 (Sheet Music) 和音符？

這篇文章最後更新日期：2023 年 3 月 22 日 | 作者： Mack Chan

喜歡音樂的朋友，如果希望透過 WordPress 網站分享自己或別人製作的樂譜 (Sheet Music) 於網絡或其他地方，從前沒有太多方法，常見是「轉換成 PDF 格式」的樂譜來共享資源。不過我們這次介紹的 免費外掛 OpenSheetMusicDisplay 卻可以讓你實現在網頁裡呈現漂亮的樂譜，而且是自動適應網頁的寬度和尺寸，適合在手機閱讀。

歌譜、琴譜和樂譜是什麼？

跟據維基百科的記載，音樂記譜法 (樂譜) 是指一種以印刷或手寫製作，用符號來記錄音樂的方法。不同的文化和地區發展了不同的記譜方法，除了現今常見音樂的五線譜和簡譜外，在傳統音樂中還有工尺譜，以及古琴特有的減字譜。這些記譜法各有其特色，有些雖然對樂曲中的裝飾音、力度變化都做了標記，但其實只是供初學者作為參考，有些則是看似有較多自由度，但其隱藏在樂譜之外的規範反而更加嚴格。早期的樂譜主要以紙張抄寫，現在則有電腦程式可以製作樂譜。

不同樂種因為各有其特點，所發展出來的記譜法往往有所差異，而隨著樂種本身的持續發展，記譜法也可能不斷地發生變化。如五線譜，除了紀錄樂曲旋律的音高、時值外，也對力度做了標記，然而隨著音樂家對力度、音色的日益重視，發現這些細緻的變化其實難以精確紀錄，且這些變化又具有一定的即興演奏成分，於是又發展出在一定框架內自由發揮的記譜法，以使音樂更富有彈性與活力，而這恰如古琴或其它傳統音樂的記譜特色。在記譜法的沿革歷史中，並非單純地從不精確到精確，在理解不同樂種的記譜法時，應該要更深入了解其背後的音樂理念與文化。

樂譜是什麼？

WordPress 無法生成樂譜 (Sheet Music) 和音符

原生的 WordPress 並不支援顯示複雜的音樂符號和字串，所以必須引用外部的程式庫協助或安裝像這次介紹的外掛。

跟據維基百科的記載，音符是西方音樂的基本元素，將音樂打散成它的最小組成，讓人們得以演奏、理解和分析。在音樂中有幾個主要的意義：用來表示相對長度的固定音高單位；樂譜中表達前述的單位的圖示；代表某一個音高的聲音。

音樂家常常隨意混用這兩種意義，但是對剛開始進入音樂領域的人們而言，常常因此造成混淆。以《生日快樂歌》作為例子，我們可以說「這首歌由兩個同音高的音符開始」，或者是「這個作品由重複同一個音符開始」。前面這個說法裡，音符用來表示一個特定的音樂事件：單獨且擁有長度的固定音高單位；對於後者而言，它代表一個音樂事件分類，只要是同音高者都在此分類中。

音符是什麼？

OpenSheetMusicDisplay 外掛簡介：

音樂類的外掛並非熱門的類型，就是相當的小眾市場，現在只有小量用家，不過更新速度非常快速，在討論區也沒看到有太多投訴。

最後更新日期	15 / 06 / 2022
外掛版本	1.3.2
活躍使用人數	50
支援 WordPress 版本	WordPress 4.6.x
PHP 版本	7.0 以上

OpenSheetMusicDisplay 外掛目錄

Open Sheet Music Display 公司簡介：

OpenSheetMusicDisplay 聚焦在數位樂譜應用程序 (Digital Sheet Music Apps) 的開發之上，希望讓相關的開發團隊，不用從零開始開發，可以有一個良好的起步。加上開源格式 Music XML 逐漸被市場所接受和推廣，他們認為這塊市場仍有很大的發展空間。

OpenSheetMusicDisplay 官方網站

OpenSheetMusicDisplay 測試範例

由於是向量圖 (SVG) 的關係，樂譜可以自由縮放 (Zoom In 和 Zoom Out)，清晰度非常高和細膩，並不會出現模糊等不良狀態。符合現代網站設計自適應的需求。

官方測試範例 (Demo) 網址

如何 [安裝] OpenSheetMusicDisplay 外掛？

步驟二：

發現「OpenSheetMusicDisplay」區塊，請按圖示即可。

OpenSheetMusicDisplay 初步狀態

新增區塊後，會看到如圖片的效果，顯示「No MusicXML Selected.」，代表系統找不到任何的樂譜的檔案可供使用，所以接著你需要上傳合適的樂譜檔案

OpenSheetMusicDisplay 基礎設定

區域一：

建議勾選「每當變更時，自動重新渲染 / Automatically Rerender on Change」，由於樂譜是 SVG 向量格式，如果尺寸不滿意，可以點擊「渲染 / Rerender」來重置整個外觀。

區域二：

點擊「選取檔案 / Select Media」即可以上傳樂譜。

區域三：

調整樂譜的「寬度 / Width (%)」，預設是 100%。

區域四：

推薦使用預設的「Container Aspect Ratio」即可。

區域五：

推薦使用預設的「縮放比例 / Zoom (%)」即可。

如何上傳樂譜 (Upload Sheet Music)？

推薦使用 MusicXML 格式 的樂譜，如果你單純想測試，但手頭上沒有相關的樂譜檔案，可以下載下方的測試用《卡農》樂譜，然後上傳到網站即可。

下載測試用《卡農》樂譜

OpenSheetMusicDisplay 顯示設定

每個標題、音符和相關的元素都可以自行控制是否顯示，我個人認為彈性非常高，預設的狀態是接近全開的。

附加的 CSS 類別

進階面板讓你將 CSS 類別新增至區塊，以便編寫自訂 CSS，並視需要設定區塊樣式，建議具備 CSS 程式碼的基本知識後再使用此功能。

了解更多附加的 CSS 類別

最終的成品，效果不錯的樂譜展示

我不是音樂家，無法準備判斷太深入的結果，不過外觀上效果很滿意，如果你從事音樂相關的職業和工作。歡迎在下方留言告訴我們對這個外掛的看法。

常見問題 FAQ

歌譜、琴譜和樂譜是什麼？

不同樂種因為各有其特點，所發展出來的記譜法往往有所差異，而隨著樂種本身的持續發展，記譜法也可能不斷地發生變化。如五線譜，除了紀錄樂曲旋律的音高、時值外，也對力度做了標記，然而隨著音樂家對力度、音色的日益重視，發現這些細緻的變化其實難以精確紀錄，且這些變化又具有一定的即興演奏成分，於是又發展出在一定框架內自由發揮的記譜法，以使音樂更富有彈性與活力，而這恰如古琴或其它傳統音樂的記譜特色。在記譜法的沿革歷史中，並非單純地從不精確到精確，在理解不同樂種的記譜法時，應該要更深入了解其背後的音樂理念與文化。