A-A+

WordPress天气代码插件–博客免费美化代码

2023年11月02日 PHP开源系统 评论 1 条 阅读 0 views 次

WordPress美化给博客多添一份乐趣,给博客添加一个天气显示,我发现了一个非常好的显示天气的代码而且把鼠标移过去就会显示更详细的天气,今天我就分享给大家。

首先我们先准备好天气插件的代码,这里可以去心知官网申请自己的,也可以用公共申请的,免费的一分钟20次限制,对于一般站点肯定够用。

  1. <div id="tp-weather-widget"></div>  
  2. <script>  
  3.   (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)));  
  4.   
  5.   window.SeniverseWeatherWidget('show', {  
  6.   
  7.     flavor: "slim",  
  8.   
  9.     location: "WX4FBXXFKE4F",  
  10.   
  11.     geolocation: true,  
  12.   
  13.     language: "zh-Hans",  
  14.   
  15.     unit: "c",  
  16.   
  17.     theme: "auto",  
  18.   
  19. <script>0  
  20.   
  21. <script>1  
  22.   
  23. <script>2  
  24.   
  25. <script>3  
  26.   
  27. <script>4  

此代码安装还是挺方便的,但是我用代码调大小好像不行官网也没有调大小的代码我就用了html调大小没有用css和js如果感兴趣的小伙伴可以去试试还有个。

根据你的选择你是想安装在侧边还是导航栏上,如果是想安装到侧边栏上特别简单打开后台→外观→小工具→自定义html→拖到首页边栏。把代码复制进去就行了。

自动检测访客位置,使用动态位置并通过提供他们所在区域的天气信息来使站点访问者惊奇。

轻松自定义样式 设置背景图像并使元素适合您的网站的简单方法。

页面构建器支持 与您喜欢的构建器Elementor或WPBakery页面构建器一起添加天气预报元素。

标签:

1 条留言  访客:1 条  博主:0 条

  1. 不亦乐乎

    没看到你博客上有加这个啊?

给我留言