123

// 灵动岛

function add_dynamic_island_script() {

    ?>

    <script type="text/javascript">

        window.onload = function() {

            // 触发灵动岛的显示

            triggerIsland();

            // 获取当前页面的标题

            let title;

            const currentUrl = window.location.pathname; // 获取当前 URL 路径

            if (currentUrl.includes('/message/')) {

                // 如果访问了消息页面

                document.querySelector('.bars p').innerText = "正在访问消息页面";

            } else if (currentUrl.includes('/user/')) {

                // 如果访问了用户中心页面

                document.querySelector('.bars p').innerText = "欢迎来到用户中心";

            } else if (document.body.classList.contains('home') || document.body.classList.contains('front-page')) {

                // 如果是首页

                document.querySelector('.bars p').innerText = "欢迎来到站长论坛";

            } else if (document.body.classList.contains('single')) {

                // 如果是单篇文章

                title = "<?php echo addslashes(html_entity_decode(get_the_title())); ?>"; // 获取文章标题并解码

                document.querySelector('.bars p').innerText = "正在访问：" + title;

            } else if (document.body.classList.contains('category')) {

                // 如果是分类页面

                const category = "<?php echo addslashes(html_entity_decode(get_queried_object()->name)); ?>"; // 获取当前分类的名称

                document.querySelector('.bars p').innerText = "正在访问：" + category + " 分类";

            } else if (document.body.classList.contains('page')) {

                // 如果是单个页面

                title = "<?php echo addslashes(html_entity_decode(get_the_title())); ?>"; // 获取页面标题并解码

                document.querySelector('.bars p').innerText = "正在访问：" + title;

            } else {

                // 如果以上都不匹配，可以使用默认值

                document.querySelector('.bars p').innerText = "欢迎来到3BBS.CN";

            }

        };

        // 触发灵动岛的显示
        function triggerIsland() {

            const island = document.getElementById('dynamicIsland');

            if (island) {

                island.style.opacity = 1;

                island.classList.add('active')

                island.classList.remove('inactive');

                // 在4秒后触发关闭动画

                setTimeout(() => {

                    closeIsland();
                }, 4000);

            }

        }

        function closeIsland() {

            const island = document.getElementById('dynamicIsland')

            if (island) {

                island.classList.remove('active');

                island.classList.add('inactive');

                setTimeout(() => {
                    island.style.opacity = 0; // 使灵动岛透明

                }, 600); // 与 transform 动画持续时间一致

            }

        }

    </script>

    <?php

}

add_action('wp_head', 'add_dynamic_island_script');

感谢您的来访，获取更多精彩文章请收藏本站。