介绍

这个是电脑端展示的一款子比底部导航引导登入，这个美化是扒过来的，但是我给他小改了一下，因为代码有点小问题，然后满足不了腾飞的需求，所以腾飞改了之后发了这篇文章，如下图，底部一键登入注册，腾飞加了点判断，如果用户是登入的情况下不显示这个。喜欢的自行部署吧

教程开始

将下面的代码放到：/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目录下解压即可