效果展示：

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

前言

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

代码教程：

一：下载上传文件，替换二维码

1：下载底部附件文件，上传到zibll目录下后解压，得到一个 wxfz 的文件夹

2：修改wxfz/img文件夹下的二维码图片

3：修改wxfz/index.html文件中的 返回首页 链接地址

二：小工具代码投放

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

<link rel="stylesheet" href="/wp-content/themes/zibll/wxfz/fanzhuan.css" rel="external nofollow"  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>