飞流 发表于 2025-10-6 18:03:54

子比主题 – 加一个实用美观可翻转的区块代码

这是一款子比主题可以翻转的公众号样式,这是第一款代码实现的功能,我觉得放到文章侧边比较好看,喜欢的自行部署,这套我测试了好几遍,为什么测试那么多遍就是方便用户直接一键部署,话不多说直接开始
代码部署
跟着我的教程走不会有任何的问题,话不多说直接开始教程部署!
首先我们将下面的代码放到:WP后台–>>外观–>>小工具–>>自定义HTML代码
<div class="card-widget" id="card-wechat" onclick="window.open('https://www.tfbkw.com/wechat');">
    <div id="flip-wrapper">
      <div id="flip-content">
            <div class="face"></div>
            <div class="back face"></div>
      </div>
    </div>
</div>
<link rel="stylesheet" href="/wp-content/themes/zibll/css/wxgzh.css" type="text/css">然后你可以看到上面的这个https://www.tfbkw.com/wechat这个代码,后面会用到,继续我们的部署,我们将下面的附件直接上传到我们的/wp-content/themes/zibll目录下解压,就是子比目录下解压!
上传完了之后呢,我们就可以看到我们的侧边有这个样式了,别忘了改一下下面链接的图片,因为里面有我的二维码,你们自己PS一下你们自己的二维码:/wp-content/themes/zibll/img/tengfei/wx_gzh.png
然后我们接下来就是我们的https://www.tfbkw.com/wechat这个了,我们这个是一个页面,我不多说,这个就一个HTML单页,你自己替换你自己的然后拿到链接直接替换了我的链接就行!
公众号样式及跳转页附件下载地址

页: [1]
查看完整版本: 子比主题 – 加一个实用美观可翻转的区块代码