WordPress简单问候语和日期的完美显示

MAY的SEO博客
MAY的SEO博客
MAY的SEO博客
582
文章
762
评论
2018年11月13日21:47:20 评论 3,203

在很多博客都有看到顶部左上方的问候语和日期,显得特别有逼格。所以May也摸索着要实现这种效果。下面May以Begin主题为例。

问候语和日期的显示

如果你也想要实现如上图的效果,可以跟着May一起来操作。

Step 1. 管理站点基本设置

外观 - 主题选项 - 基本设置 - 管理站点:勾选“显示管理站点”和“显示登录按钮”

管理站点设置

Step 2. 添加代码

找到.htdocs/wp-content/themes/begin/inc/users/user-profile.php,添加下面代码:

<script type="text/javascript">today = new Date();
	var day;
	var date;
	var hello;
	hour = new Date().getHours();
	if (hour < 6) {
		hello = ' 凌晨好! ';
	} else if (hour < 9) {
		hello = ' 早上好!';
	} else if (hour < 12) {
		hello = ' 上午好!';
	} else if (hour < 14) {
		hello = ' 中午好! ';
	} else if (hour < 17) {
		hello = ' 下午好! ';
	} else if (hour < 19) {
		hello = ' 傍晚好!';
	} else if (hour < 22) {
		hello = ' 晚上好! ';
	} else {
		hello = '夜深了! ';
	}
	function GetCookie(sName) {
		var arr = document.cookie.match(new RegExp("(^| )" + sName + "=([^;]*)(;|$)"));
		if (arr != null) {
			return unescape(arr[2])
		};
		return null;
	}
	var Guest_Name = decodeURIComponent(GetCookie('author'));
	var webUrl = webUrl;
	if (Guest_Name != "null") {
		hello = Guest_Name + ' , ' + hello + ' 欢迎回来。';
	}
	document.write(' ' + hello);</script>
<script type="text/javascript">var d, s = "";
	var x = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
	d = new Date();
	s += d.getFullYear() + "年" + (d.getMonth() + 1) + "月" + d.getDate() + "日 ";
	s += x[d.getDay()];
	document.writeln(s);</script>

添加的位置可参考如下:代码添加的位置

Step 3. 隐藏登录按钮

这一步骤可以根据自己的实际情况来选择操作与否,如果你不想隐藏登录按钮,可以不用操作这一步。

May的博客是隐藏了登录按钮的,具体操作如下:

在自定义样式中添加下面一行代码即可。

/*右上角登录图标不显示*/
.nav-login{display:none;}

上面的操作经May亲自测试成功,请大家放心使用。

 

 

  • 我的微信
  • 扫一扫微信,添加好友
  • weinxin
  • 我的微信公众号
  • 关注公众号,了解最新动态
  • weinxin
MAY的SEO博客
  • 本文由 发表于 2018年11月13日21:47:20
  • 转载请务必保留本文链接:https://may90.com/building/greetings-dates.html
WordPress SEO这些常规设置不容忽视 SEO建站

WordPress SEO这些常规设置不容忽视

如果您想在搜索引擎结果页中获得良好的排名,则需要认真对待SEO优化。如果您选择了WordPress建站,需要恭喜您的是:您已经节省了很多建站时间,更重要的是WordPress对SEO友好。如果您想进一...
4个步骤自己做网站(无需了解代码) SEO建站

4个步骤自己做网站(无需了解代码)

如果您打算开始自己做网站,但是不知道从哪里开始,那么您来对地方了。当你看到这个标题的时候,是的,任何人都可以轻松搭建属于自己的网站。您无需了解任何代码、网站设计或网站开发方面的知识。只需要跟着我的步骤...
怎样选择优秀的WordPress主题? SEO建站

怎样选择优秀的WordPress主题?

之前May有写过很多文章教大家如何去选择建站程序,May强烈推荐大家使用WordPress建站。当您决定选择WordPress来搭建网站后,下一秒就应该考虑使用什么WordPress主题(也称之为Wo...
为什么你需要关注WordPress站点健康状态? SEO建站

为什么你需要关注WordPress站点健康状态?

WordPress 5.2引入了一项名为Site Health的全新功能。这是一个监视站点运行状况的工具,可将任何问题或要进行的改进通知您。但是很多站长并没有注意到这一新功能,本文同大家一起潜入了解为...
8款主流WordPress插件目前被黑客利用 SEO建站

8款主流WordPress插件目前被黑客利用

一份新报告显示,针对WordPress网站的攻击越来越多,所有攻击都利用了主流WordPress插件中的安全漏洞。上个月针对WordPress网站的许多攻击都涉及黑客试图通过针对最近修补的插件错误来劫...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: