腾讯云服务器优惠活动华纳云香港服务器

如何设置WordPress站点顶部显示问候语和日期?

WordPress主题推荐

本教程以知更鸟begin 主题5.2 版为例,代码理论上适用任何类型的站点,可根据自己站点的主题需要进行自定义现实问候语和日期。具体设置办法如下:

打开 begin 主题目录下/inc/user/user-profile.php 文件,找到以下代码:

  1. <?php if (zm_get_option(‘weibo_t’)) { get_template_part( ‘template/weibo’ ); } ?>

在此段代码前面添加以下代码:

  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>

保存更新文件后即可在不选择“登录”按钮的情况下就可以显示出问候语和日期。

但是,有一个小问题,主题默认 css 文件中,在该处设置的宽度太窄,如果你用小屏的平板电脑打开网页,这个地方就会自动换行,影响页面美观。所以,我们需要修改 style.css 文件相应代码。具体办法如下:

打开 begin 主题根目录下的 style.css 文件,查找#user-profile {代码,修改其中的宽度 width 属性,主题默认的是 35%,我们修改成 45%即可,数字不要太大,否则会把后面的内容挤掉。

以上内容整理自@星光博客

本文地址:https://boke112.com/post/5012.html

赞 (0) 打赏
版权声明:本文为原创文章,版权归 boke112百科 所有,欢迎分享本文,转载请保留出处!发布此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请联系我们,确认后马上更正或删除,谢谢!
wu