WordPress顶部显示问候语和日期（已更新）

wp美化9289阅读模式
这段代码自己添加过，但一直认为不够完美，效果参考本站。代码理论上适用任何类型的站点，可自定义。关于错位问题，我用火狐、IE11，没发现此问题。

添加代码至user-profile.php文件

1、打开主题目录下/inc/user/user-profile.php文件，查找以下代码（请仔细查找，不要全部复制进行查找，因为格式不同会提示查找不到。）

  1. <a href="#login" class="flatbtn" id="login-main">
  2.   <i class="be be-timerauto"></i>
  3.   <?php _e( '登录', 'begin' ); ?>
  4. </a>
  5.   <?php } ?>
  6. </div>
  7. </div>

2、在上面代码后面添加下面的代码

  1. <script type="text/javascript">today = new Date();
  2.     var day;
  3.     var date;
  4.     var hello;
  5.     hour = new Date().getHours();
  6.     if (hour < 6) {
  7.         hello = ' 凌晨好！ ';
  8.     } else if (hour < 9) {
  9.         hello = ' 早上好！';
  10.     } else if (hour < 12) {
  11.         hello = ' 上午好！';
  12.     } else if (hour < 14) {
  13.         hello = ' 中午好！ ';
  14.     } else if (hour < 17) {
  15.         hello = ' 下午好！ ';
  16.     } else if (hour < 19) {
  17.         hello = ' 傍晚好！';
  18.     } else if (hour < 22) {
  19.         hello = ' 晚上好！ ';
  20.     } else {
  21.         hello = '夜深了！ ';
  22.     }
  23.     function GetCookie(sName) {
  24.         var arr = document.cookie.match(new RegExp("(^| )" + sName + "=([^;]*)(;|$)"));
  25.         if (arr != null) {
  26.             return unescape(arr[2])
  27.         };
  28.         return null;
  29.     }
  30.     var Guest_Name = decodeURIComponent(GetCookie('author'));
  31.     var webUrl = webUrl;
  32.     if (Guest_Name != "null") {
  33.         hello = Guest_Name + ' , ' + hello + ' 欢迎回来。';
  34.     }
  35.     document.write(' ' + hello);</script>
  36. <script type="text/javascript">var d, s = "";
  37.     var x = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
  38.     d = new Date();
  39.     s += d.getFullYear() + "年" + (d.getMonth() + 1) + "月" + d.getDate() + "日 ";
  40.     s += x[d.getDay()];
  41.     document.writeln(s);</script>

经过上面的步骤，基本功能都已经实现了，保存后刷新站点首页看看是不是有效果^_^
WordPress顶部显示问候语和日期（已更新）

此文已更新，解决一些bug，请看另一篇。

WordPress顶部显示问候语和日期的完美解决方法

宜家网
  • 本文由 发表于 2021年12月22日 16:03:27
  • 转载请务必保留本文链接：https://www.yjro.com/441.html
评论  9  访客  4  作者  5
    • 小灯泡
      小灯泡 0
      1F

      这个不错！https://img2.woyaogexing.com/2018/05/11/4db39c2772014dfd!400x400_big.jpg

        • 企鹅seo
          企鹅seo
          B1

          @ 小灯泡 谢谢来访

        • 我
          我 0
          2F

          诗梦来访，◉ ◉小馒头

            • 企鹅seo
              企鹅seo
              B1

              @ 我 我的q图片

              • 你
                你 2
                B1

                @ 我 我特别像知道湿梦的顶部导航北京和菜单导航下面的横条背景是怎么嫩的？？？

                  • 企鹅seo
                    企鹅seo
                    B2

                    @ 你 横条背景我的也有，只是效果在手机端才会显示，pc端隐藏了，css一样的

                      • 我
                        我 2
                        B3

                        @ 企鹅seo 楼主有教程嘛？不甚感谢?

                          • 企鹅seo
                            企鹅seo
                            B4

                            @ 我 不是有教程么，我早发了，你自己找找

                    • 企鹅seo
                      企鹅seo
                      3F

                      测试一下2

                    发表评论