子比主题功能 – 侧边栏翻转显示的微信公众号、加群二维码 HTML展示框

温馨提示: 本文最后更新于2025-11-06 21:59:48,某些文章具有时效性,若有错误或已失效,请在下方留言

效果展示:

子比主题功能 – 侧边栏翻转显示的微信公众号、加群二维码 HTML展示框-蛙言网

侧边栏翻转显示的微信公众号、加群二维码 HTML展示框,你也可以只要公众号 或 加群二维码。鼠标指向卡片即展示二维码,点击跳转到对应页面。

前言

  1. 本教程代码(文件)未加密
  2. 本教程已在子比主题V8.3上进行测试使用,其他主题未做测试,理应 WordPress 主题均可使用。可自行测试!

代码教程:

一:下载上传文件,替换二维码

二:小工具代码投放

将下面的代码投放到WordPress后台 >> 外观 >> 小工具 >> 自定义HTML小工具 >> 添加到你需要展示的位置,如首页侧边栏

<link rel="stylesheet" href="/wp-content/themes/zibll/wxfz/fanzhuan.css" type="text/css">
<div class="card-widget" id="card-wechat" onclick="window.open('/wp-content/themes/zibll/wxfz/index.html');"> <!--/*WX公众号二维码页面*/-->
<div id="flip-wrapper">
<div id="flip-content">
<div class="face"></div>
<div class="back face"></div>
</div>
</div>
</div>

<div class="card-widget" id="card-qq" onclick="window.open('替换为你的QQ加群链接');"> <!--/*QQ加群链接*/-->

<div id="qq-flip-wrapper">
<div id="qq-flip-content">
<div class="qq-face"></div>
<div class="qq-back face"></div>
</div>
</div>
</div>

子比主题功能 - 侧边栏翻转显示的微信公众号、加群二维码 HTML展示框-蛙言网
子比主题功能 – 侧边栏翻转显示的微信公众号、加群二维码 HTML展示框
此内容为付费资源,请付费后查看
100积分
免费下载资源请评论获取访问密码
付费资源
© 版权声明
THE END
赞赏