HelloBar – 在WordPress上增加一條提示訊息或公告!

110

有時候逛別人網站的時候都會發現上面有一條提示訊息,比喻說『請到我們的粉絲團按讚』或『網站將於明日維護一天』等等提示訊息,有時候還會發現許多網站的提示訊息長得一模一樣… 不禁讓我覺得他們用同一個服務!而且剛好在提示訊息左邊就有一個 logo,然後我就發現大家都適用 HelloBar 這個網站的提示訊息服務啦!

 

HelloBar 這東西真的很實用,它可以在網站加上提示訊息,包含社群網站的分享按鈕或 Facebook 的按讚按鈕,也可以加上一個連結,比喻說連結到新網站,也可以建立一個填寫 Email 的表單在網站上面,比喻說『網站即將開始營運,立即訂閱最新訊息:』然後給人家填上 Email 的名稱,還可以自定顏色,最重要的是,它提供了 WordPress 的外掛!這聽起來沒什麼,但使用上方便超多的!不用自己加入程式碼,只要安裝 WordPress 外掛就可以加上提示訊息!

廣      告

 

HelloBar 小資訊

網站網址:https://www.hellobar.com/

外掛下載:可以從 WordPress 後台搜尋『The Hello Bar』安裝或點這個連結下載。

 

HelloBar 簡介

打開網站後可以看到一個大大的框框,就是讓你輸入網站網址用的,比喻說本站網址就是『http://www.orztw.com/』這樣!

螢幕快照 2014-07-04 下午12.04.21

 

也可以直接打『www.orztw.com』不用加上『http://』開頭,下圖輸入的是我的個人部落格網址!

螢幕快照 2014-07-04 下午12.04.33

 

輸入完送出後,他會問你要新增哪種類型的提示訊息,上面那條就是 HelloBar 加上後的效果!

螢幕快照 2014-07-04 下午12.05.29

 

 

有三種類型可以選擇,下圖這是第一種類型,主要是左邊有一行提示訊息,右邊有一個連結,適合用於『網站搬家』的提示,比喻說:『本站已經遷移至 www.orztw.com,請點右邊連結到新網站』,或者活動公告等等!

螢幕快照 2014-07-04 下午12.07.45

 

 

第二種是可以填寫 Email 的表單,比喻說上面舉例的:『本站即將開幕,歡迎訂閱最新訊息!』然後右邊讓別人輸入 Email!當初 OneDrive 開幕前也有這樣的功能,其實很多網站開幕前都會來這招,趁機統計別人的 Email XD

螢幕快照 2014-07-04 下午12.07.25

 

最後一種也就是第三種,左邊是提示訊息,然後右邊是社群網站的分享按鈕或 Facebook 的按讚按鈕,比喻說本站 Twitter 正式開幕,歡迎追蹤我們!這個也算是蠻實用的!

螢幕快照 2014-07-04 下午12.05.47

 

每種 HelloBar 都可以自定顯示網址,比喻說我只要在某的頁面顯示,或者某個頁面不顯示,其他頁面都顯示!基本上提示訊息都是整個網站都顯示~

螢幕快照 2014-07-04 下午12.05.56

 

選擇完類型後,會要求你輸入左邊的提示訊息,跟選擇顏色風格,如果那些顏色都不喜歡,也可以點旁邊的『Customize look and feel…』連結自定顏色!

螢幕快照 2014-07-04 下午12.06.25

 

設定好提示訊息後會要求你輸入 Email 註冊,跟設定帳號的密碼!

螢幕快照 2014-07-04 下午12.06.39

 

註冊好後可以選擇以的網站類型把提示訊息放上網站,比喻說你的網站是 WordPress 就點右上方的 WordPress,會有專屬外掛,如果你不是網站工程師,也可以點左下角的選項,聯絡網站工程師等等!

螢幕快照 2014-07-04 下午12.09.04

 

WordPress 的部分很貼心的提供了外掛,可以下載那個外掛,然後安裝到你的 WordPress 網站,然後就會顯示提示訊息囉!

螢幕快照 2014-07-04 下午12.09.16

 

安裝好外掛後點右下角的按鈕,就會跟你說 Hello Bar 已經在你的網站上囉!

螢幕快照 2014-07-04 下午12.09.24

 

以後也可以新增更多網站,只要滑鼠靠近左上角的網址,就會出現所有網站跟『Add New Site』按鈕,點了就可以新增別的網站!

螢幕快照 2014-07-04 下午12.08.17

本文作者

麥克風測試 1~ 2~ 3~ 1~ 2~ 3~

快來留言 ^_^