WordPress侧边栏添加和风天气模块和复制透明提示框

教程开始:

透明复制提示框

1.子比主题设置—>自定义代码—>自定义javascript代码

//透明复制提示
document.body.oncopy = function() {layer.msg('<p style="font-weight: 700;">【99源码屋(WWW.99YIZ.CN)】<br>复制成功,若要转载请务必保留原文链接!</p>', function(){});};

2.子比主题设置—>自定义代码—>自定义底部HTML代码,添加以下代码:

<!--透明复制提示开始--> 
<script src="https://cdn.bootcss.com/layer/2.3/layer.js"></script>
<!--透明复制提示结束--> 

添加和风天气模块

后台设置—>外观—>小工具—>添加自定义 HTML 代码,加到合适侧边栏即可


<div id="he-plugin-standard"></div>
<script>
WIDGET = {
  "CONFIG": {
    "layout": "2",
    "width": "285",
    "height": "300",
    "background": "1",
    "dataColor": "FFFFFF",
    "borderRadius": "5",
    "key": "3180d3c43e524753ab8bcef69dba023a"
  }
}
</script>
<script src="https://widget.qweather.net/standard/static/js/he-standard-common.js?v=2.0"></script>

首页文章列表悬停上浮

后台添加自定义css即可

/*首页文章列表悬停上浮开始*/
@media screen and (min-width: 980px){.tab-content .posts-item:not(article){transition: all 0.3s;}.tab-content .posts-item:not(article):hover{transform: translateY(-10px); box-shadow: 0 8px 10px rgba(255, 112, 173, 0.35);}}
/*首页文章列表悬停上浮结束*/
------本页内容已结束,喜欢请分享------

感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
喜欢就支持一下吧
点赞6 分享
评论 抢沙发

请登录后发表评论

服务支持

用心做更好的精品源码站,服务各个行业,让大家快速创建属于自己的网站 。

2000+
优质源码
8年+
开发经验
1200
注册用户
7*24
随时响应