介绍
这个是电脑端展示的一款子比底部导航引导登入,这个美化是扒过来的,但是我给他小改了一下,因为代码有点小问题,然后满足不了腾飞的需求,所以腾飞改了之后发了这篇文章,如下图,底部一键登入注册,腾飞加了点判断,如果用户是登入的情况下不显示这个。喜欢的自行部署吧
教程开始
将下面的代码放到:/wp-content/themes/zibll/functions.php文件里面
// <a href="https://moxingbk.com/tag/%e5%ad%90%e6%af%94%e4%b8%bb%e9%a2%98" title="更多关于 子比主题 的文章" target="_blank">子比主题</a>底部登入美化样式
function zibll_enqueue_styles() {
wp_enqueue_style('tengfei_bottom_login_styles', get_template_directory_uri() . '/<a href="https://moxingbk.com/tag/css" title="更多关于 css 的文章" target="_blank">css</a>/tengfei/tengfei_bottom_login.css');
}
add_action('wp_enqueue_scripts', 'zibll_enqueue_styles');
function zibll_Add_ons_footer_sidebar_display() {
if (is_user_logged_in()) {
return;
}
$sidebar_<a href="https://moxingbk.com/tag/html" title="更多关于 html 的文章" target="_blank">html</a> = '
<div class="wapnone">
<div class="footSideBar footNoSideBar" style="" data-v-468191f6="">
<div class="left_warp">
<p class="left_word">一键注册登录,免费下载更多的资源教程</p>
<ul class="login_ad_list">
<li class="login_ad_item">
<img src="//pub-cdn-oss.chuangkit.com/ad_position/07b0bea0b5ff4a4a868214402dffbe06" width="16" height="16">
<span>子比<a href="https://moxingbk.com/tag/%e4%b8%bb%e9%a2%98" title="更多关于 主题 的文章" target="_blank">主题</a>教程美化</span>
</li>
<li class="login_ad_item">
<img src="//pub-cdn-oss.chuangkit.com/ad_position/aa87fcf0c39d491d87776f9ff9c7605c" width="16" height="16">
<span><a href="https://moxingbk.com/tag/%e7%b2%be%e5%93%81%e6%ba%90%e7%a0%81" title="更多关于 精品源码 的文章" target="_blank">精品源码</a>资源</span>
</li>
<li class="login_ad_item">
<img src="//pub-cdn-oss.chuangkit.com/ad_position/c9fd421689dc4a3598665a44da2967b4" width="16" height="16">
<span>注册登录可参加抽奖活动</span>
</li>
<li class="login_ad_item">
<img src="//pub-cdn-oss.chuangkit.com/ad_position/90d13eaff9644a67a6dbeb060114d90b" width="16" height="16">
<span>关注墨星你想要的这里都有</span>
</li>
</ul>
</div>
<div class="login-button signin-loader">
<div class="login-button_wrapper">
<span>立即登录</span>
<div class="circle circle-1"></div>
<div class="circle circle-2"></div>
<div class="circle circle-3"></div>
<div class="circle circle-4"></div>
<div class="circle circle-5"></div>
<div class="circle circle-6"></div>
<div class="circle circle-7"></div>
<div class="circle circle-8"></div>
<div class="circle circle-9"></div>
<div class="circle circle-10"></div>
<div class="circle circle-11"></div>
<div class="circle circle-12"></div>
</div>
</div>
</div>
</div>
';
echo $sidebar_html;
}
add_action('wp_footer', 'zibll_Add_ons_footer_sidebar_display');
我这边放的是文件,因为css代码量太多,我不建议放到子比主题–>>自定义css样式里面,我还是给大家打包好上传直接部署方便,文件我放下面了,直接上传到/wp-content/themes/zibll目录下解压即可
© 版权声明
版权声明
1
本站名称:子非鱼
2
本站网址:uivr.cn
3
本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4
本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5
本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报。
6
本站附件资源、教程等内容如因时效原因失效或不可用,请评论区留言或联系站长及时更新。
THE END
暂无评论内容