fbpx
Cloudways 主機【8折】專屬優惠

如何簡單設定網站【置頂通知列】?Easy Notification Bar 是您的好幫手

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

5 個推薦的理由:

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

如何【安裝】Easy Notification Bar 外掛?

如何【安裝】Easy Notification Bar 外掛?

步驟一

在您的 WordPress 網站後台,在【外掛】裡選擇【安裝外掛】。

步驟二

進入【安裝外掛】的介面,在右方的(搜尋欄位)輸入【Easy Notification Bar】。

步驟三

稍等片刻,您會看到【Easy Notification Bar】的外掛資訊出現,請確保是如圖中的那個外掛。

如何【啟用】Easy Notification Bar 外掛?

如何【啟用】Easy Notification Bar 外掛?

步驟一

在您的 WordPress 網站後台,在【外掛】裡選擇【已安裝外掛】。

步驟二

從外掛清單之中,找到免費版的【Easy Notification Bar】的外掛,並按下【啟用】。

設定介面 01

設定介面 01

步驟 1:設定通知列出現的時機

【啟用通知列】:開啟或關閉這個通知列的功能
【僅顯示於網站首頁】預設是通知列出現在所有頁面,如果希望單獨出現在首頁而已,請勾選這個選項

步驟 2:輸入通知列的內容

通知列上的空間有限,也要兼顧在行動裝置的空間,所以【訊息】請盡量精簡。

步驟 3:調整通知列的配色

【通知列的背景色彩】請使用跟文字有對比的色彩
【通知列的文字色彩】請使用跟背景有對比的色彩

設定介面 02

設定介面 02

步驟 1:設定通知列的對齊方式

分別可以選擇(置中對齊)、(靠左對齊)和(靠右對齊)

步驟 2:是否套用系統字型系列?

將一般系統使用者介面字型系列套用至通知列。停用這項功能後,會套用使用中的佈景主題的字型系列設定。

備注:如果您有使用 Google 或第三方的中文字體,請(不要勾選)這個選項。

步驟 3:字型大小

推薦使用【1 em】或【1.2 em】,可以在行動裝置和桌面電腦之中取得平衡。

步驟 4:按鈕文字與按鈕連結

請用書量簡短的 CTA (Call To Action) 行動呼籲按鈕,例如【下載電子書】、【領取優惠】或【加入我們】等等,長話短說。

步驟 5:3 種連結的屬性

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

行動裝置和平板電腦的展示效果

在行動裝置和平板電腦上進行測試,效果非常理想,因為這個外掛真的很簡單易用,而且不太佔用網站主機資源,非常推薦大家使用。

常見問題 FAQ

是免費外掛?

完全免費,並不存在付費的進階版本,所以這個外掛沒有任何追加銷售、廣告或品牌宣傳等,請放心使用。

我可以設定只有【首頁】出現嗎?

有兩種設定,分別是(只出現在首頁)和(所有頁面出現),設定簡單。

可否製作不同的【置頂通知列】?

不可以,這個外掛保持盡量簡單和輕盈,如果您需要更強的【通知列】外掛,請使用關鍵字(Notification Bar)搜尋其他 WordPress 外掛。

這個外掛無法生效,怎麼辦?

這個外掛利用了新的 WordPress 核心功能 wp_body_open() 來呈現這個【置頂通知列】,如果您是開發者和對如何使用 hook 來控制更多 WordPress 的應用,可以參考以下參考資料。

廷伸閱讀:WordPress 核心功能更新【wp_body_open()

一般比較容易出現無法顯示【通知列】,代表您使用的 WordPress 版本過舊,例如是 WordPress 5.2 或更早之前的版本,也有可能您的 WordPress 佈景主題過舊或作者已經放棄更新而導致,請聯絡您的開發單位並告知他們改善。

參考資料和引用文獻

立即訂閱我們的網站

我們的團隊並不會濫發信息和廣告,每月定期會整理優惠和 WordPress 相關的更新情報,例如系統、外掛和佈景主題相關的更新,也會推送資訊安全的漏洞注要事項,確保您的網站保持和世界的連繫。

加入免費學習社團

學員人數:4,400+ 人(持續增加之中)

中文語系的 WordPress - Facebook 社團列表

發表您的留言

加入我們的 Facebook 學習社團免費的教學資源、交流和解決問題!

是否覺得孤軍作戰和學習很無趣味?
何不加入學習社團和其他
熱愛網站設計的朋友交流?
分享您建站的喜與樂
學習最新的知識和技術