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

代码部署

代码一共有两部分，第一部分就是我们funtions.php文件，第二部分就是css，话不多说直接开始
将下面的代码放到：/wp-content/themes/zibll/functions.php 文件里面
[erphpdown]文章源自奇客源码-https://www.qkget.cn/3151.html

// 子比主题底部登入美化样式
function zibll_Add_ons_footer_sidebar_display() {
    if (is_user_logged_in()) {
        return; 
    }

    $sidebar_html = '
    <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>子比主题教程美化</span>
                </li>
                <li class="login_ad_item">
                    <img src="//pub-cdn-oss.chuangkit.com/ad_position/aa87fcf0c39d491d87776f9ff9c7605c" width="16" height="16">
                    <span>精品源码资源</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');

[/erphpdown]
我这边放的是文件，因为css代码量太多，我不建议放到子比主题–>>自定义css样式里面，自己打包好上传直接部署方便，直接上传到 /wp-content/themes/zibll/css/ 目录下解压即可文章源自奇客源码-https://www.qkget.cn/3151.html