網站最後更新日期:2018年8月29日
歡迎大家來到暢想資源 AREFLY.COM! 個人網站 更多聯絡方式
×

給網站添加頂部通知欄

網站有時需要一些通知來給所有訪客,所以我就參考了Google的「隱私條款變更通知」來製作了一個適用於任何網頁(包括WordPress)的「通知欄

外掛(外掛)版

教程

1、首先當然先添加一下外觀樣式,將下列代碼添加至網頁的 <style> 或CSS文件內(也就是Wordpress主題目錄下的「樣式表 (style.css)」)(所有樣式均提取於Google)

2、現在就需要添加HTML代碼了,我製作的代碼是先使用PHP判斷用戶是否存在已閱讀的Cookie,如果沒有就顯示通告,只需要把如下代碼加入網頁(也就是「header.php」文件)的 <body> 後方就行啦!(注意把內容修改為你自己需要通知的內容)

預覽(圖片點擊放大)

wordpress-top-notice-1

總結

1、其實這個通知欄發揮空間可以很大,例如做成「最新文章」或「警告欄」等 :idea:

2、有問題可以回覆哦 :razz:

覺得這篇文章有用嗎?分享一下讓更多人受益吧!

© 版權聲明:本文章採用「姓名標示-非商業性-相同方式分享 4.0 國際(CC BY-NC-SA 4.0)」於「」發布,轉載時須以相同方式發布並註明「原文鏈接」!

本文固定鏈接:https://www.arefly.com/zh-tw/wordpress-top-notice/

本文章由「超級efly」於2013年11月12日發表於「網路」分類

你可以發表評論,並在保留原文地址及作者的情況下引用到你的網站

轉載請註明:給網站添加頂部通知欄 | 暢想資源

關鍵字:, ,

給網站添加頂部通知欄:目前有 44 條留言
訪客以 23:21 暫時領先博主

評論載入中,請稍等……
  1. 17樓
    Era China Maxthon Windows

    這個其實不錯哈。
    看到很多大網站也有這種的。
    有沒有點擊按鈕,最新文章,正序、倒序切換的代碼?

    [回復]
    • :mrgreen: :mrgreen: 是挺不錯的~什麼叫「點擊按鈕,最新文章,正序、倒序切換的代碼」? :?: :?:

      [回復]
  2. 16樓
    009部落格 China Google Chrome Windows

    看下我是什麼瀏覽器,和什麼系統

    [回復]
  3. 15樓
    Rich China 搜狗瀏覽器 Windows

    :dry: :dry: 我的評論被WordPress攔截了,求解封…… :cry: :cry:

    [回復]
    • 解封啦~下次不要這麼無聊啦~ :grin:

      [回復]
  4. 14樓
    Rich China 搜狗瀏覽器 Windows

    好文章!支持一下! :idea:
    今天簽到啦!時間:17:39:05(使用Arefly評論框自動簽到)

    :grin: 千萬別點這裡!! :trick:

    :razz: 偶真邪惡 :laugh: :laugh:

    [回復]
  5. 13樓
    炮二 China Mozilla Firefox Windows

    如果能夠固定在頂部就完美了

    [回復]
    • 在CSS #top_notice{ 加入 position: fixed; 應該就可以固定在頂部啦~ :mrgreen: :mrgreen:

      [回復]
  6. 12樓
    mili China Google Chrome Windows

    用多說路過今天簽到啦!時間:20:03:08(使用MILI自動簽到)

    [回復]
    • 今天簽到啦!時間:下午8:52:38(使用Arefly評論框自動簽到)

      [回復]
  7. 11樓
    免費部落 China Google Chrome Windows

    我是直接放在首頁上的菜單下,其它內頁不顯示!

    [回復]
  8. 10樓
    小青年 China Google Chrome Windows

    這個有用 :cool:

    [回復]
  9. 9樓
    qq374594 China Google Chrome Windows

    要是能改一下樣式就更好了... 例如像Chrome自動翻譯那樣 Google的通知欄真心覺得不好看

    [回復]
  10. 8樓
    Android China Mozilla Firefox Linux

    arefly能不能對渣渣瀏覽器支持一下。。否則linux下奇醜無比。。。。。。。

    [回復]
    • 我在Ubuntu下的Firefox看著很好啊

      [回復]
      • Android China Safari Mac OS

        好吧應該是這個系統的問題。。。

        [回復]
  11. 7樓
    屌絲 China Google Chrome Windows

    博主怎麼設置字體的 求指教 啊 能發企鵝么?謝謝

    [回復]
  12. 6樓
    你我知 China Mozilla Firefox Windows

    網站挺不錯,贊一個支持一下!!!

    [回復]
  13. 5樓
    快樂家園 China Safari iPad

    直接js讀cookie。。。連php都不用哈

    [回復]
    • 對耶。。。。不過似乎JS讀取Cookie很麻煩。。。

      [回復]
      • 好像有這種函數的。。。w3一下你就知道

        [回復]
        • 是不是這個?

          [回復]
  14. 4樓
    小白菜 Spain Google Chrome Windows

    不錯~拿走了,其實標題不應該寫WordPress,直接寫PHP不就好了,都可以用的

    [回復]
    • 對呀,謝謝提醒!已經改好啦! :razz:

      [回復]
  15. 地板
    逗婦乳 China 搜狗瀏覽器 Windows

    不錯不錯,還在學習css

    [回復]
  16. 板凳
    加西亞 China Google Chrome Windows

    速度有點慢!

    [回復]
  17. 沙發
    免費資源部落 China Google Chrome Windows

    博主換了Logo了?

    [回復]
    • (其實很久以前已經換了)對呀,變成文字版的了 :mrgreen:
      PS:已經把部落格NS換到 HE.NET 啦 :idea:

      [回復]
      • qq374594 China Internet Explorer Windows

        難怪剛才打不開 (現在一直用的namecheap的DNS 感覺還不錯)

        [回復]
        • 沒有。。。剛剛好像因為服務器問題,而不是HE.NET的問題。。。

          [回復]
          • qq374594 China Google Chrome Windows

            難怪等待那麼長時間才提示無法載入...

            [回復]

發表評論



微笑 調皮 偷笑 可愛 大笑 壞笑 詭計 贊 疑問 HI~ 愛 抱歉 對不起 頭暈 驚訝 帥 努力 勞累 瘋狂 難過 大哭 差 豬 邪惡 無言 憤怒 流汗 擦汗


快捷鍵:Ctrl+Enter