网站教程

wordpress小工具显示访问者的IP地址和所在地

微信扫一扫,分享到朋友圈

wordpress小工具显示访问者的IP地址和所在地
0

如何在在wordpress小工具上显示访问者的IP地址和所在地

[su_service title=”思路:” icon=”icon: list-alt” size=”24″][/su_service]

1.利用WordPress的自定义html小工具实现

2.利用搜狐的api接口调用当前访问者的ip和所在地

[su_service title=”操作:” icon=”icon: list-alt” size=”24″][/su_service]

原始代码:
<script type="text/javascript">
(function ip() {
var str=returnCitySN["cip"]+','+returnCitySN["cname"];
var _result=document.getElementById("ip");
_result.innerHTML = str;
})();
</script>

其实就是这一句,然后我合计着改动了一下,就加了一下css成了我现在首页这边这个访客

改良代码:
<script src="https://pv.sohu.com/cityjson?ie=utf-8"></script> 
<div style="padding:10px 20px;font-size:14px;color:#333;">
	<p style="font-size:14px;color:#333;margin-top:20px;margin-bottom:10px">尊敬的用户你好,欢迎访问倾心博客!
	</p>
<font id="iphh"></font>
</div>
<script type="text/javascript">
(function ip() {
var str='当前位置为:'+returnCitySN["cname"];
var _result=document.getElementById("iphh");
_result.innerHTML = str;
})();
</script>
<div style="padding:0px 20px 20px 20px;font-size:14px;color:#333;">
<font id="iph"></font>
</div>
<script type="text/javascript">
(function ip() {
var str='当前的ip:'+returnCitySN["cip"];
var _result=document.getElementById("iph");
_result.innerHTML = str;
})();
</script>

[su_service title=”截图:” icon=”icon: list-alt” size=”24″][/su_service]

 

 

90后,思维跳跃双子座。 兴趣:游戏,网站,设计,UI。 志向:好好学习,好好挣钱才能做我想做的事情!

32个给新手看的ps快捷键(photoshop精品图文教程)

上一篇

网页内容禁止复制粘贴,禁止F12查看的方法(wordpress也可)

下一篇

你也可能喜欢

发表评论

您的电子邮件地址不会被公开。 必填项已用 * 标注

提示:点击验证后方可评论!

插入图片
wordpress小工具显示访问者的IP地址和所在地

长按储存图像,分享给朋友