iT邦幫忙

2022 iThome 鐵人賽

DAY 15
0

https://ithelp.ithome.com.tw/upload/images/20220929/20116357MMZHPsne7U.jpg

音樂是世界的共同語言,從 90 年代早期的網站設計開始,我們很常在網站播放 .mp3 格式的音源檔案,當然現在的用戶體驗不允許我們這樣做,主流的網頁瀏覽器會封鎖和關閉聲音的 [自動播放] 功能,所以已經接近 99% 的情況不會再聽到網頁的背景音樂。

https://ithelp.ithome.com.tw/upload/images/20220929/20116357Rt7wqdbYWv.jpg

這次我們介紹的區塊組合應用,適用於從事音樂相關議題的站長,會需要安裝 免費的 OpenSheetMusicDisplay 外掛,這允許你在網頁顯示複雜的樂譜 (Sheet Music) 和相關元件。


您需要準備的 WordPress 外掛和區塊技巧如下;

  1. 標題區塊
  2. OpenSheetMusicDisplay 外掛

標題區塊

為了 SEO 考量,請以作曲家、歌唱者或歌詞等作為 網站標題創作 的構想方式,每一頁請使用各別獨立的標題。


OpenSheetMusicDisplay 外掛

https://ithelp.ithome.com.tw/upload/images/20220929/201163571cpDkpYCZV.jpg
音樂類的外掛並非熱門的類型,就是相當的小眾市場,現在只有小量用家,不過更新速度非常快速,在討論區也沒看到有太多投訴。由於是向量圖 (SVG) 的關係,樂譜可以自由縮放 (Zoom In 和 Zoom Out),清晰度非常高和細膩,並不會出現模糊等不良狀態。符合現代網站設計自適應的需求。


上一篇
14 | WordPress 媒體及文字 (Media & Text Block) 區塊組合
下一篇
16 | WordPress 自訂文章列表 (Post Grid) 區塊組合
系列文
WordPress 區塊編輯器 | 多區塊組合應用技巧 | [進階應用]30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言