功能介绍

导航条上用户头像左侧会展示出一个引导VIP按钮,支持后台自定义链接地址!

配置教程

首先利用宝塔或则FTP打开主题/template-parts/global文件夹下的header-menu.php文件放入以下代码在第21行:

<?php if ( _cao('is_header_vip_logo') && !_cao('is_login_site_shop') ) : ?>
<span class="fuid-vip-link">
<a href="<?php echo _cao('header_vip_logo_link') ?>">
<?php echo '<img src="/../../nav-vip.svg">' ?> 成为VIP
</a>
</span>
<?php endif;?>

随后进入后台将以下CSS代码放在外观-自定义-额外CSS当中

.fuid-vip-link {
text-align: center;
}
.fuid-vip-link img {
width: 24px;
display: initial;
}
.fuid-vip-link a {
font-size: 12px;
font-weight: 500;
padding: 7px 20px;
color: #A16629;
border-radius: 30px;
background: linear-gradient(151deg,#FEEDC2 0%, #fef1d2 100%);
transition: all .5s cubic-bezier(.215,.61,.355,1),
transform .5s cubic-bezier(.215,.61,.355,1),
-webkit-box-shadow .5s cubic-bezier(.215,.61,.355,1),
-webkit-transform .5s cubic-bezier(.215,.61,.355,1)
}
.fuid-vip-link a:hover{
box-shadow: 0 6px 18px -6px rgb(255 199 115 / 38%);
}
@media(max-width:746px){
.fuid-vip-link{
display: none;
}
}

最后利用宝塔或则FTP打开/inc/options下的admin-options.php文件把下面代码放在20行左右

注意替换代码里面的SVG图片路径 图片下载地址：https://www.123pan.com/s/HjgKVv-n8LQ3.html 提取码: 6mVq

 

 
  • 本站名称：清风资源网
  • 本站永久地址：www.mcoxn.com
  • 本站提供的源码、模板、插件等等其他资源，除资源本身问题外，都不包含免费技术服务，请大家谅解！
  • 本站资源解压密码一般都为www.mcoxn.com如发现链接失效，请联系在线客服更新。
  • 本站所有代码模板仅供学习交流使用，请勿用于商业用途，及违法侵权行为使用均与本站无关。
  • 源码素材属于虚拟商品，具有可复制性，可传播性，一旦授予，不接受任何形式的退款、换货要求。
  • 本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。
  • 本站所有资源来源于公开互联网搜集和网友投稿提供，仅供个人学习研究使用，若本站收录的内容对您的版权或者利益造成损害，请提供相应的资质证明发邮件至kakbga@qq.com我们将于3个工作日内予以删除。