網站最後更新日期:2016年12月3日
歡迎大家來到暢想資源 AREFLY.COM!
讚好Facebook
追隨Twitter
加入QQ群
關注微博
關注微信公眾號
捐款
更多聯絡方式
X

給網站添加頂部通知欄

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

外掛(插件)版

教程

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

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

預覽(圖片點擊放大)

wordpress-top-notice-1

總結

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

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

覺得這篇文章有用麼?分享一下讓更多人知道吧!

爲繼續支持本站繼續寫出優質文章、歡迎捐款!

注:本站同時長期承接WordPress外掛及主題制作、伺服器環境配置等,如需詳情,請「聯系我們」!

© 版權聲明:「暢想資源」之所有文章及資源系采用「創用 CC 姓名標示-非商業性-相同方式分享 3.0 香港 授權條款」發布及共享,轉載時須以相同方式發布並注明「原文鏈接」!

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

本文章由「」於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. 3樓
    逗婦乳 China 搜狗浏览器 Windows

    不錯不錯,還在學習css

    [回覆]
  16. 2樓
    加西亚 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