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

懂得感恩,是收获幸福的源泉。懂得感恩,你会发现原来自己周围的一切都是那样的美好。

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

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

  1. <?phpif(zm_get_option('weibo_t')){get_template_part('template/weibo');}?>

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

  1. <scripttype="text/javascript">today=newDate();
  2. varday;
  3. vardate;
  4. varhello;
  5. hour=newDate().getHours();
  6. if(hour<6){
  7. hello='凌晨好!';
  8. }elseif(hour<9){
  9. hello='早上好!';
  10. }elseif(hour<12){
  11. hello='上午好!';
  12. }elseif(hour<14){
  13. hello='中午好!';
  14. }elseif(hour<17){
  15. hello='下午好!';
  16. }elseif(hour<19){
  17. hello='傍晚好!';
  18. }elseif(hour<22){
  19. hello='晚上好!';
  20. }else{
  21. hello='夜深了!';
  22. }
  23. functionGetCookie(sName){
  24. vararr=document.cookie.match(newRegExp("(^|)"+sName+"=([^;]*)(;|$)"));
  25. if(arr!=null){
  26. returnunescape(arr[2])
  27. };
  28. returnnull;
  29. }
  30. varGuest_Name=decodeURIComponent(GetCookie('author'));
  31. varwebUrl=webUrl;
  32. if(Guest_Name!="null"){
  33. hello=Guest_Name+','+hello+'欢迎回来。';
  34. }
  35. document.write(''+hello);</script>
  36. <scripttype="text/javascript">vard,s="";
  37. varx=newArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
  38. d=newDate();
  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://www.xgboke.com/416.html

本文如何设置WordPress站点顶部显示问候语和日期?到此结束。当你能飞的时候就不好放下飞。小编再次感谢大家对我们的支持!

标签: 设置 问候语