WordPress侧边栏添加太空手表小工具

WordPress侧边栏添加太空手表小工具

前言:

利用HTML+CSS+JS做成一个太空手表表盘页面添加到你的WordPress,是不是很炫酷?

教程很简单,分为两步。

  • 上传表盘源码到你的服务器,
  • 添加小工具,使用代码调用表盘页面。

教程正文:

1.表盘源码下载及存放路径

存放路径:随意放在网站根目录下,只要能访问都可以(小工具添加自定义代码要写本地或外地的表盘链接)

图片[1]-WordPress侧边栏添加太空手表小工具-开心快乐每一天
存放路径实例

2.添加小工具自定义HTML

在WP后台–>外观–>小工具–>自定义HTML,把自定义HTML放到合适的版块里(本站采用首页-侧边栏位置)

PS:下面链接是SSL的,如果你网站没加SSL是调用不起来的注意下

<iframe src="http://taojo.cn/emo/web/taikongshoubiao/index.html"  width="290" height="290" frameborder="no"></iframe>

注意:可以直接添加上方的代码到自定义HTML里面,如果想调用自己的HTML请参考第一步。

效果图:

图片[2]-WordPress侧边栏添加太空手表小工具-开心快乐每一天

(代码出处:傲天博客)

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享