🎀 🌸

子比主题 – 简约页脚美化样式

📝 heardic 🏷️ Wordpress
📅 2026-03-26 ⏱️ 4 分钟 🔢 961 字

子比主题 – 简约页脚美化样式

0306
子比主题 – 简约页脚美化样式插图

部署教程：

定位：/wp-content/themes/zibll/footer.php文件，这个是子比默认的页脚文件，然后我们把子比默认的给删掉，也就是子比自带的页脚！

子比主题 – 简约页脚美化样式插图1
<style>

.zy-footer .footer-main {
    background-color: var(--main-bg-color) !important;
    color: var(--muted-color) !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.zy-footer {
    border: none !important;
    outline: none !important;
}

.zy-footer .footer-content {
    border: none !important;
    outline: none !important;
}

.zy-footer .container {
    border: none !important;
    outline: none !important;
}

.zy-footer .footer-left p,
.zy-footer .footer-right a {
    color: var(--muted-color) !important;
}

.zy-footer .footer-left p:first-child {
    color: var(--heading-color) !important;
}

.zy-footer .footer-right a {
    transition: color 0.2s ease;
}

.zy-footer .footer-right a:hover {
    color: var(--theme-color) !important;
}

.zy-footer .qrcode-popup {
    background: var(--main-bg-color) !important;
    border-color: var(--border-color) !important;
}

.zy-footer .qrcode-popup p {
    color: var(--muted-color) !important;
}

.footer-logo-light {
    display: block !important;
}

.footer-logo-dark {
    display: none !important;
}

body.zib-dark .footer-logo-light {
    display: none !important;
}

body.zib-dark .footer-logo-dark {
    display: block !important;
}

.zy-footer .footer-copyright {
    background-color: #1C2833 !important;
    color: #A9A9A9 !important;
    padding: 0;
    margin-top: 0;
    border-top: none !important;
    height: 32px;
}

.zy-footer .footer-copyright .copyright-text {
    font-size: 12px;
    color: #A9A9A9 !important;
    line-height: 32px;
    margin: 0;
}

.zy-footer .footer-copyright .copyright-text a {
    color: #A9A9A9 !important;
    text-decoration: none;
}

.zy-footer .footer-copyright .copyright-text a:hover {
    text-decoration: underline;
}

body.zib-dark .zy-footer .footer-copyright {
    background-color: #1C2833 !important;
    color: #e0e0e0 !important;
}

body.zib-dark .zy-footer .footer-copyright .copyright-text {
    color: #e0e0e0 !important;
}
</style>

<footer id="custom-footer" class="tuc-2ea177b2-1e0583-0 zy-footer tuc-2ea177b2-1e0583-0">
    <div class="tuc-2ea177b2-1e0583-0 footer-main tuc-2ea177b2-1e0583-0" style="padding: 40px 0; border-top: none; transition: background-color 0.3s ease, color 0.3s ease;">
        <div class="tuc-2ea177b2-1e0583-0 container tuc-2ea177b2-1e0583-0" style="max-width: 1200px; margin: 0 auto; padding: 0 20px;">
            <div class="tuc-2ea177b2-1e0583-0 footer-content tuc-2ea177b2-1e0583-0" style="display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 30px;">

                <div class="tuc-2ea177b2-1e0583-0 footer-left tuc-2ea177b2-1e0583-0" style="text-align: right; flex: 1; min-width: 280px;">
                    <p style="margin: 0 0 10px 0; font-size: 16px; font-weight: 500;">
                        专注优质内容分享，打造精品资源平台
                    </p>
                    <p style="margin: 0; font-size: 14px;">
                        优质资源 · 精品内容 · 专业服务
                    </p>
                </div>

                <div class="tuc-2ea177b2-1e0583-0 footer-middle tuc-2ea177b2-1e0583-0" style="flex: 0 0 auto;">
                    <img src="https://zy.nuoyo.cn/wp-content/uploads/2026/03/20260326152835941-by-01.png"
                         alt="白天网站LOGO"
                         class="tuc-2ea177b2-1e0583-0 footer-logo-light tuc-2ea177b2-1e0583-0"
                         style="width: 200px; height: auto;" />
                    <img src="https://zy.nuoyo.cn/wp-content/uploads/2026/03/20260326152835941-by-01.png"
                         alt="夜晚网站LOGO"
                         class="tuc-2ea177b2-1e0583-0 footer-logo-dark tuc-2ea177b2-1e0583-0"
                         style="width: 200px; height: auto;" />
                </div>

                <div class="tuc-2ea177b2-1e0583-0 footer-right tuc-2ea177b2-1e0583-0" style="text-align: left; flex: 1; min-width: 280px;">
                    <div class="tuc-2ea177b2-1e0583-0 footer-nav-row1 tuc-2ea177b2-1e0583-0" style="margin-bottom: 10px;">
                        <a href="<?php echo home_url('/'); ?>" style="text-decoration: none; margin-right: 20px; font-size: 14px;">首页</a>
                        <a href="<?php echo home_url('/about'); ?>" style="text-decoration: none; margin-right: 20px; font-size: 14px;">关于我们</a>
                        <a href="javascript:;" class="tuc-2ea177b2-1e0583-0 qrcode-trigger tuc-2ea177b2-1e0583-0" style="text-decoration: none; margin-right: 20px; font-size: 14px; position: relative; display: inline-block;">
                            微信联系
                            <div class="tuc-2ea177b2-1e0583-0 qrcode-popup tuc-2ea177b2-1e0583-0" style="display: none; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 999; padding: 10px; border: 1px solid #eee; border-radius: 4px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); transition: background-color 0.3s ease, border-color 0.3s ease;">
                                <div style="width: 120px; height: 120px; overflow: hidden; margin: 0 auto;">
                                    <img src="https://www.tfbkw.com/wp-content/themes/ZibTF/img/p1.svg
" alt="微信二维码" style="width: 100%; height: 100%; object-fit: contain; display: block;" />
                                </div>
                                <p style="margin: 5px 0 0 0; font-size: 12px; text-align: center; white-space: nowrap;">扫码添加微信</p>
                            </div>
                        </a>
                    </div>

                    <div class="tuc-2ea177b2-1e0583-0 footer-nav-row2 tuc-2ea177b2-1e0583-0">
                        <a href="<?php echo home_url('/privacy'); ?>" style="text-decoration: none; margin-right: 20px; font-size: 14px;">隐私政策</a>
                        <a href="<?php echo home_url('/contact'); ?>" style="text-decoration: none; margin-right: 20px; font-size: 14px;">联系我们</a>
                        <a href="javascript:;" class="tuc-2ea177b2-1e0583-0 qrcode-trigger tuc-2ea177b2-1e0583-0" style="text-decoration: none; margin-right: 20px; font-size: 14px; position: relative; display: inline-block;">
                            APP下载
                            <div class="tuc-2ea177b2-1e0583-0 qrcode-popup tuc-2ea177b2-1e0583-0" style="display: none; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 999; padding: 10px; border: 1px solid #eee; border-radius: 4px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); transition: background-color 0.3s ease, border-color 0.3s ease;">
                                <div style="width: 120px; height: 120px; overflow: hidden; margin: 0 auto;">
                                    <img src="https://www.tfbkw.com/wp-content/themes/ZibTF/img/p1.svg
" alt="APP下载二维码" style="width: 100%; height: 100%; object-fit: contain; display: block;" />
                                </div>
                                <p style="margin: 5px 0 0 0; font-size: 12px; text-align: center; white-space: nowrap;">扫码下载APP</p>
                            </div>
                        </a>
                        <a href="<?php echo home_url('/about'); ?>" style="text-decoration: none; margin-right: 20px; font-size: 14px;">选择我们</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 底部版权 -->
    <div class="tuc-2ea177b2-1e0583-0 footer-copyright tuc-2ea177b2-1e0583-0" style="text-align: center; display: flex; align-items: center; justify-content: center; min-height: 30px;">
        <div class="tuc-2ea177b2-1e0583-0 container tuc-2ea177b2-1e0583-0" style="max-width: 1200px; margin: 0 auto; padding: 0 20px;">
            <p class="tuc-2ea177b2-1e0583-0 copyright-text tuc-2ea177b2-1e0583-0" style="margin: 0;">
                © <?php echo date('Y'); ?> 你的网站名称 版权所有 | <a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener">粤ICP备XXXXXXX号</a>
            </p>
        </div>
    </div>

    <script>
        (function() {
            'use strict';

            function isDarkMode() {
                const bgColor = getComputedStyle(document.body).backgroundColor;
                let isDarkByColor = false;

                if (bgColor) {
                    const match = bgColor.match(/rgb((d+),s*(d+),s*(d+))/);
                    if (match) {
                        const r = parseInt(match[1]);
                        const g = parseInt(match[2]);
                        const b = parseInt(match[3]);
                        const brightness = (r * 299 + g * 587 + b * 114) / 1000;
                        isDarkByColor = brightness < 128;
                    }
                }

                return document.body.classList.contains('zib-dark') ||
                       document.body.classList.contains('dark') ||
                       document.documentElement.classList.contains('zib-dark') ||
                       document.documentElement.classList.contains('dark') ||
                       document.documentElement.getAttribute('data-theme') === 'dark' ||
                       isDarkByColor;
            }

            function updateLogo() {
                const light = document.querySelector('.footer-logo-light');
                const dark = document.querySelector('.footer-logo-dark');

                if (light && dark) {
                    const isDark = isDarkMode();
                    if (isDark) {
                        light.style.setProperty('display', 'none', 'important');
                        dark.style.setProperty('display', 'block', 'important');
                    } else {
                        light.style.setProperty('display', 'block', 'important');
                        dark.style.setProperty('display', 'none', 'important');
                    }
                }
            }

            function initFooterLogo() {
                const lightLogo = document.querySelector('.footer-logo-light');
                const darkLogo = document.querySelector('.footer-logo-dark');

                if (lightLogo && darkLogo) {
                    
                    if (window.footerLogoInterval) {
                        clearInterval(window.footerLogoInterval);
                    }

                    updateLogo();

                    const observer = new MutationObserver(function(mutations) {
                        updateLogo();
                    });

                    observer.observe(document.body, {
                        attributes: true,
                        attributeFilter: ['class']
                    });

                    observer.observe(document.documentElement, {
                        attributes: true,
                        attributeFilter: ['class', 'data-theme']
                    });

                } else {
                    
                    if (!window.footerLogoInterval) {
                        window.footerLogoInterval = setInterval(initFooterLogo, 200);
                        setTimeout(function() {
                            if (window.footerLogoInterval) {
                                clearInterval(window.footerLogoInterval);
                            }
                        }, 10000);
                    }
                }
            }

            function initQrcodePopup() {
                const triggers = document.querySelectorAll('.qrcode-trigger');
                triggers.forEach(function(trigger) {
                    const popup = trigger.querySelector('.qrcode-popup');
                    if (popup) {
                        trigger.addEventListener('mouseenter', function() {
                            popup.style.display = 'block';
                        });
                        trigger.addEventListener('mouseleave', function() {
                            popup.style.display = 'none';
                        });
                    }
                });
            }

            document.addEventListener('DOMContentLoaded', function() {
                initFooterLogo();
                initQrcodePopup();
            });
        })();
    </script>

    <?php do_action('zib_footer'); ?>
</footer>

本站资源均为网友推荐收集整理而来，请勿商业运营，仅供学习和研究，请在下载后24小时内删除！！
© 版权声明

本站资源大多来自网络，如有侵犯你的权益请联系管理员E-mail:2469329338@qq.com 我们会第一时间进行审核删除。站内资源为网友个人学习或测试研究使用，未经原版权作者许可,禁止用于任何商业途径！请在下载24小时内删除！

如果遇到付费才可观看的文章，建议升级终身VIP。全站所有资源“任意下免费看”。本站资源少部分采用7z压缩，为防止有人压缩软件不支持7z格式，7z解压，建议下载7-zip，zip、rar解压，建议下载WinRAR。

THE END
Wordpress子比主题美化教程插件
点赞6
heardic的头像-诺言资源网月度会员
子比主题最新8.6开心版-诺言资源网
子比主题最新8.6开心版
子比主题最新8.6开心版
20天前 10W+
诺言制作 - NY1.0子比子主题-诺言资源网
诺言制作 - NY1.0子比子主题
诺言制作 - NY1.0子比子主题
6个月前 5.1W+
1Panel 破解版 全网独家首发 v2.0.6 开心版-诺言资源网
1Panel 破解版 全网独家首发 v2.0.6 开心版
1Panel 破解版 全网独家首发 v2.0.6 开心版
7个月前 1.1W+
子比主题8.1开心版-诺言资源网
子比主题8.1开心版
子比主题8.1开心版
9个月前 1W+
【首发】宝塔云WAF破解版 最新版本6.7 跟随官方版本-诺言资源网
【首发】宝塔云WAF破解版 最新版本6.7 跟随官方版本
【首发】宝塔云WAF破解版 最新版本6.7 跟随官方版本
7个月前 1W+
【亲测推荐】付费进群系统v3源码+绕授权教程 价值328-诺言资源网
【亲测推荐】付费进群系统v3源码+绕授权教程 价值328
【亲测推荐】付费进群系统v3源码+绕授权教程 价值328
2年前 5053
评论 抢沙发

请登录后发表评论

    暂无评论内容

扫码关注诺言
扫码前往微信公众号
了解动漫图片最新资讯
游戏图片
同人图片
美女图片
百度一下-协助本站SEO
用户封面
heardic的头像-诺言资源网月度会员
子比主题美化 – 底部Dock栏二开插件_带后台
自然风景Win10主题安装包 v1.2 【最新版】
子比主题最新8.6开心版
首涂第二十八套_新版海螺M3多功能苹果CMSv10自适应全屏高端模板 
苹果cms付费模板首涂三十一套和首涂三十二套
运营版H5欢乐红包多雷带注册版本源码+搭建教程
【亲测推荐】写真网站批量下载工具-诺言资源网
999人点赞
【亲测推荐】写真网站批量下载工具
TOP1
鸽哒IM即时通讯系统源码 带安卓、苹果、PC端（全开源）+详细部署教程-诺言资源网
鸽哒IM即时通讯系统源码 带安卓、苹果、PC端（全开源）+详细部署教程
3年前58人点赞
TOP2
【亲测运营】闪客网盘系统源码，已测试对接腾讯COS及本地和支付（支持限速+按时收费+文件分享+可对接易支付）- 修复版-诺言资源网
【亲测运营】闪客网盘系统源码，已测试对接腾讯COS及本地和支付（支持限速+按时收费+文件分享+可对接易支付）- 修复版
3年前17人点赞
TOP3
子比主题美化自定义全局底部样式和功能-诺言资源网
子比主题美化自定义全局底部样式和功能
3年前16人点赞
TOP4
B2美化通知弹窗（其他WP主题通用）-诺言资源网
B2美化通知弹窗（其他WP主题通用）
2年前16人点赞
TOP5
EmlogPro博客多功能卡片类型主题Hopelee-诺言资源网
EmlogPro博客多功能卡片类型主题Hopelee
2年前16人点赞
TOP6
最近评论
h5362202的头像-诺言资源网

h53622024天前1

已经无法回到过去了。也不知道将来会是什么模样。表情[aoman]-诺言资源网
h5362202的头像-诺言资源网

h53622024天前1

不要为自己的努力道歉，这样太对不起自己了！表情[daku]-诺言资源网
h5362202的头像-诺言资源网

h53622027天前0

无论撒怎样的谎，都无法欺骗自己的心。
h5362202的头像-诺言资源网

h53622027天前0

安装成功，启动失败 PHP script '/www/wwwroot/www.------.com/wp-content/themes/NY_Child_Zibll/core/options/options.php' is protected by SourceGuardian and requires a SourceGuardian loader 'ixed.8.2.lin' to be installed. 1) Click here to download the required 'ixed.8.2.lin' loader from the SourceGuardian site 2) Install the loader to /www/server/php/82/lib/php/extensions/no-debug-non-zts-20220829 3) Edit /www/server/php/82/etc/php.ini and add 'extension=ixed.8.2.lin' directive 4) Restart the web server
用户39179812的头像-诺言资源网

用户3917981213天前0

我只是个兴趣使然的英雄。
用户39179812的头像-诺言资源网

用户3917981213天前0

人生最重要的是时机，时机对了，凡事都有可能。
用户67212689的头像-诺言资源网

用户6721268915天前0

最有名的莫过于想死一次吗。
用户67212689的头像-诺言资源网

用户6721268915天前0

救救我啊奥特曼，哪怕你只能撑三分钟……
鼠标点击特效 (1)鼠标样式 (2)黑科技 (1)鲸发卡 (1)魔方财务 (9)高斯模糊 (5)骗子查询系统 (1)验证系统 (3)页脚美化 (1)音乐网站 (4)隐藏某个分类文章 (1)隐藏分类 (1)防红 (6)防复制插件 (1)采集插件 (3)酒店模板 (1)通用企业网站 (1)迷途emlog (1)返佣商城 (1)辅助网 (3)