本文是《wordpress教程（共24篇）》专题的第 4 篇。阅读本文前，建议先阅读前面的文章：
看到一些网站有展示新注册用户和会员用户的模板，感觉还是挺有意思的。然后..就拿到了代码，代码默认电脑端显示，手机端不显示。
人生很短，当然要随心所欲了，咳咳，废话不多说，让我们继续往下看吧。
预览图：
2023/11/26日教程升级！增加显示会员徽章，优化显示逻辑。已购买用户可替换代码升级。
全新升级
分享的与其他技术大牛覆盖主题源文件不同，我们只需要在想要显示的地方加上代码就可以实现了。
并且代码会自动适配你的主题颜色，无特别要求，基本上无需再改动什么了，贴心吧老铁！
教程来喽：
以演示图放置的位置为例，我们只需要将上方代码放在子比主题根目录的index.php文件里面保存就可以了。
实现首页全宽度放在下方代码的下面保存即可。
<main role="main" class="container">实现首页内容顶部放在下方代码的下面保存即可。
<div class="content-layout">然后，又看到有技术大牛修改的文件教程，展示用户的头像会旋转，再次研究了一波，嗯，搞定。
.list-img{border-radius: 50%; animation: light 4s ease-in-out infinite; transition: 0.5s;}.list-img:hover{transform: scale(1.15) rotate(720deg);}}
您已阅读完《wordpress教程（共24篇）》专题的第 4 篇。请继续阅读该专题下面的文章：
购买必读
本站模板没有任何后门，也不会和我们服务器有任何通信，请您放心使用。
本源码一次性买断，没有二次费用，并享受免费更新。
在使用本站模板时，请不要使用我们的产品从事违反中华人民共和国法律、违反公序良俗的活动，否则我们有权拒绝服务，并配合有关单位予以处置。如果您不符合条件，请勿购买。
售后是指通过QQ与客服联系处理问题，售后过期不影响您对主题的使用和更新。免费三个月售后服务。售后服务时间为工作日早9点到晚5点。如果不在线可以QQ留言，我们会尽快给您答复。
售后服务包括程序的使用、BUG的处理、意见建议等。不包括技术服务、网站优化、二次开发、环境配置、服务器运维等。
代码类商品属于数字化商品，具有可复制性，不支持退款，详见《网络交易管理办法》第二章 第16条 第三类。
请仔细阅读我们的用户协议：用户协议
本站模板没有任何后门，也不会和我们服务器有任何通信，请您放心使用。
本源码一次性买断，没有二次费用，并享受免费更新。
在使用本站模板时，请不要使用我们的产品从事违反中华人民共和国法律、违反公序良俗的活动，否则我们有权拒绝服务，并配合有关单位予以处置。如果您不符合条件，请勿购买。
售后是指通过QQ与客服联系处理问题，售后过期不影响您对主题的使用和更新。免费三个月售后服务。售后服务时间为工作日早9点到晚5点。如果不在线可以QQ留言，我们会尽快给您答复。
售后服务包括程序的使用、BUG的处理、意见建议等。不包括技术服务、网站优化、二次开发、环境配置、服务器运维等。
代码类商品属于数字化商品，具有可复制性，不支持退款，详见《网络交易管理办法》第二章 第16条 第三类。
请仔细阅读我们的用户协议：用户协议
谢谢分享
谢谢分享
谢谢分享，不错
谢谢！！！！
谢谢！！