展示效果

代码部署

以下代码投放至WordPress后台 >> 外观 >> 小工具 >> 自定义HTML小工具

<div class="card-widget" id="card-wechat" onclick="window.open('https://ccyuanma.com/turn/index.html');">
<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('https://qm.qq.com/q/qZlrIv3LxK');">
<div id="qq-flip-wrapper">
<div id="qq-flip-content">
<div class="qq-face"></div>
<div class="qq-back face"></div>
</div>
</div>
</div>

修改好公众号二维码、QQ二维码自行替换（自行后台部署自定义CSS）

跟目录解压文件 直接换成自己想要的二维码即可！