如何簡單設定 WordPress 網站的 [置頂通知列]？Easy Notification Bar 是您的好幫手

這篇文章最後更新日期：2024 年 5 月 13 日
作者： Mack Chan

這次介紹實用和簡單的 [Notification Bar 置頂通知列] 外掛，接近每個網站都適用，用途非常廣泛。由於可以出現在網站的所有頁面，類似全站網站推播 (Web Push Notifications) 給所有訪客，而且出現的位置位於網站的最頂部，所以觸及率非常高和顯眼，如果新手小心善用這個工具，可能帶來很多出奇不意的用處，不限於商業推廣或最新通知，這點留給大家自由思考。

瀏覽 WordPress 佈景主題
完整教學系列指南目錄

Youtube 教學影片：

影片長度：	6 分鐘
語言：	國語
字幕：	繁體中文

5 個推薦 Easy Notification Bar 的理由：

超簡單的設定 (備注：不多於 10 個選項可供調整)
自訂文字和背景顏色、文本對齊方式和字體大小設置
您可以簡單制作一個 CTA (Call To Action) 行動呼籲按鈕
符合響應式設計，因此在移動設備上不會出現跑版
非常精簡的程式碼 (不需額外調用 JavaScript 或 Cookie)

瀏覽 Notification Bar 置頂通知列外掛

如何 [安裝] Easy Notification Bar 外掛？

步驟一：
在您的 WordPress 網站後台，在 [外掛] 裡選擇 [安裝外掛]。

步驟二：
進入 [安裝外掛] 的介面，在右方的搜尋欄位輸入「Easy Notification Bar」。

步驟三：
稍等片刻，您會看到「Easy Notification Bar」的外掛資訊出現，請確保是如圖中的那個外掛。

如何 [啟用] Easy Notification Bar 外掛？

步驟一：
在您的 WordPress 網站後台，在 [外掛] 裡選擇 [已安裝的外掛]。

步驟二：
從外掛清單之中，找到免費版的「Easy Notification Bar」的外掛，並按下 [啟用]。

Easy Notification Bar 設定介面 01

步驟一：
[啟用通知列]：開啟或關閉這個通知列的功能
[僅顯示於網站首頁]：預設是通知列出現在所有頁面，如果希望單獨出現在首頁而已，請勾選這個選項

步驟二：
通知列上的空間有限，也要兼顧在行動裝置的空間，所以 [訊息] 請盡量精簡。

步驟三：
[通知列的背景色彩]：請使用跟文字有對比的色彩
[通知列的文字色彩]：請使用跟背景有對比的色彩

Easy Notification Bar 設定介面 02

步驟一：設定通知列的對齊方式
分別可以選擇 [置中對齊]、[靠左對齊] 和 [靠右對齊]。

步驟二：是否套用系統字型系列？
將一般系統使用者介面字型系列套用至通知列。停用這項功能後，會套用使用中的佈景主題的字型系列設定。

步驟三：字型大小
推薦使用 [1 em] 或 [1.2 em]，可以在行動裝置和桌面電腦之中取得平衡。

步驟四：按鈕文字與按鈕連結
請用盡量簡短的 CTA (Call To Action) 行動呼籲按鈕，例如 [下載電子書]、[領取優惠] 或 [加入我們] 等等，長話短說。

步驟五：3 種連結的屬性
如果不希望給予 SEO 分數給對方，請將 rel=”nofollow” 加入按鈕
如果是 (聯盟行銷) 或 (商業連結)，請將 rel=”sponsored” 加入按鈕
最後是控制是否在新分頁中開啟按鈕連結