WordPress天气显示-自定义HTML代码设置
本人老是忘记看天气，但是我每天都看博客所以我就想给博客添加一个天气显示,我发现了一个非常好的显示天气的代码而且把鼠标移过去就会显示更详细的天气,今天我就分享给大家。
效果图
%title插图%num
%title插图%num
准备材料
首先我们先准备好天气插件的代码，这里可以去心知官网申请自己的，也可以用我的，免费的一分钟20次限制，对于我这IP 1的站肯定够用。
<div id="tp-weather-widget"></div>
<script>
(function(a,h,g,f,e,d,c,b){b=function(){d=h.createElement(g);c=h.getElementsByTagName(g)[0];d.src=e;d.charset="utf-8";d.async=1;c.parentNode.insertBefore(d,c)};a["SeniverseWeatherWidgetObject"]=f;a[f]||(a[f]=function(){(a[f].q=a[f].q||[]).push(arguments)});a[f].l=+new Date();if(a.attachEvent){a.attachEvent("onload",b)}else{a.addEventListener("load",b,false)}}(window,document,"script","SeniverseWeatherWidget","//cdn.sencdn.com/widget2/static/js/bundle.js?t="+parseInt((new Date().getTime() / 100000000).toString(),10)));
window.SeniverseWeatherWidget('show', {
flavor: "slim",
location: "WX4FBXXFKE4F",
geolocation: true,
language: "zh-Hans",
unit: "c",
theme: "auto",
token: "6cc2a314-5422-4e9c-b3ad-7b9217f4e494",
hover: "enabled",
container: "tp-weather-widget"
})
</script>部署步骤
根据你的选择你是想安装在侧边还是导航栏上，如果是想安装到侧边栏上特别简单打开后台→外观→小工具→自定义html→拖到首页边栏。把代码复制进去就行了
%title插图%num
结束教程
这个还是挺方便的,但是我用代码调大小好像不行官网也没有调大小的代码我就用了html调大小没有用css和js如果感兴趣的小伙伴可以去试试还有个。
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录