网站最后更新日期:2018年8月29日
欢迎大家来到畅想资源 AREFLY.COM! 个人网站 赞好Facebook 追随Twitter 关注微博
关注微信公众号
捐款 更多联络方式
×

給網站添加頂部通知欄

網站有時需要一些通知來給所有訪客,所以我就參考了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/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