网站最后更新日期: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-cn/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